/* Generated scoped Respira v7.1 admin stylesheet.
 * Source files live next to this bundle; regenerate when v7.1 CSS changes.
 * Every selector is scoped under .respira-v71 so admin prototype CSS cannot leak into WordPress.
 */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Source+Sans+3:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap");


/* ===== main.css ===== */


.respira-v71 {
  
  --rp-emerald-300: #6ee7b7;
  --rp-emerald-400: #34d399;
  --rp-emerald-500: #10b981;
  --rp-emerald-600: #059669;
  --rp-emerald-950: #022c22;
  --rp-stone-100: #f5f5f4;
  --rp-stone-300: #d6d3d1;
  --rp-stone-400: #a8a29e;
  --rp-stone-500: #78716c;
  --rp-stone-600: #57534e;
  --rp-stone-700: #44403c;
  --rp-stone-800: #292524;
  --rp-stone-900: #1c1917;
  --rp-stone-950: #0c0a09;
  --rp-bg: #070a0d;
  --rp-surface: #0b1017;
  --rp-surface-elevated: #101820;
  --rp-surface-overlay: #161e28;
  --rp-fg: #edf2f7;
  --rp-fg-muted: #8899aa;
  --rp-fg-subtle: #5e6c7a;
  --rp-border: #1a232e;
  --rp-border-strong: #243042;
  --rp-success: #10b981;
  --rp-warning: #f59e0b;
  --rp-error: #f43f5e;
  --rp-info: #38bdf8;
  --rp-amber: #f59e0b;
  --rp-rose: #f43f5e;
  --rp-violet: #a78bfa;
  --rp-font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rp-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --rp-font-editorial: "Cormorant Garamond", Georgia, serif;
  --rp-shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);
  --rp-shadow-hover: 0 8px 32px rgba(16,185,129,.06), 0 2px 8px rgba(0,0,0,.4);
  --rp-glow-emerald: 0 0 24px rgba(16,185,129,.35);
  --rp-glow-emerald-lg: 0 0 48px rgba(16,185,129,.45);
  --rp-surface-raised: #161e28;
}


.respira-v71 * { box-sizing: border-box; }
.respira-v71, .respira-v71 { margin: 0; padding: 0; }
.respira-v71 {
  font-family: var(--rp-font-sans);
  background: #2c3338;
  color: var(--rp-fg);
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.respira-v71 button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
.respira-v71 input, .respira-v71 textarea { font-family: inherit; }


.respira-v71 .eb, .respira-v71 .rp-eyebrow { font-family: var(--rp-font-mono); font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--rp-emerald-400); }
.respira-v71 .rp-mono { font-family: var(--rp-font-mono); letter-spacing: 0; }


.respira-v71.app-shell {
  width: 100%;
  height: 100%;
  display: block;
  background: var(--rp-bg);
}


.respira-v71 .wp-adminbar {
  background: #1d2327;
  color: #c3c4c7;
  height: 32px;
  display: flex;
  align-items: center;
  font-size: 13px;
  user-select: none;
  border-bottom: 1px solid #000;
}
.respira-v71 .ab-item {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 12px;
  border-right: 1px solid #2c3338;
}
.respira-v71 .ab-grow { flex: 1; }
.respira-v71 .ab-howdy { padding: 0 16px; color: #c3c4c7; font-size: 13px; }


.respira-v71 .wp-body { display: block; width: 100%; height: 100%; }

.respira-v71 .wp-body-embedded { display: block !important; width: 100% !important; height: 100% !important; }
.respira-v71 .wp-side {
  background: #1d2327;
  color: #c3c4c7;
  font-size: 13px;
  padding: 6px 0;
}
.respira-v71 .wp-side a {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px; color: #c3c4c7; cursor: pointer;
  border-left: 4px solid transparent;
}
.respira-v71 .wp-side a:hover { color: #72aee6; }
.respira-v71 .wp-side a.active {
  color: #fff; background: #2271b1; border-left-color: #2271b1;
}
.respira-v71 .wp-side a.active.respira {
  background: #0b1017; border-left-color: var(--rp-emerald-500);
  color: var(--rp-emerald-400);
}


.respira-v71 .plugin-shell {
  display: grid;
  grid-template-columns: 220px 1fr;
  background: var(--rp-bg);
  color: var(--rp-fg);
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1080px) {
  .respira-v71 .plugin-shell { grid-template-columns: 188px 1fr; }
}
@media (max-width: 860px) {
  .respira-v71 .plugin-shell { grid-template-columns: 56px 1fr; }
  .respira-v71 .r-rail .brand,
  .respira-v71 .r-rail .r-search,
  .respira-v71 .r-rail .r-nav-item span:not(.r-nav-ico),
  .respira-v71 .r-rail .addon-card,
  .respira-v71 .r-rail .rail-foot-meta { display: none; }
  .respira-v71 .r-rail { padding: 12px 0; }
  .respira-v71 .r-rail .r-nav-item { justify-content: center; padding: 10px 0; }

  /* 2026-05-24: in collapsed (icon-only) mode, hide the bits that DON'T
     reduce to a single icon. cmdK pill, the What's new notification card,
     the "Plugin active" footer text + the theme-toggle labels all take
     vertical space that pushes nav items off-screen on shorter viewports.
     Class is `.r-rail-cmdk`, not `.r-search` — the old hide rule above
     missed it, so the pill kept rendering with text + ⌘K kbd visible.
     Reported on a portrait laptop / iPad split-view (2026-05-24). */
  .respira-v71 .r-rail .r-rail-cmdk { padding: 8px 0; justify-content: center; }
  .respira-v71 .r-rail .r-rail-cmdk span,
  .respira-v71 .r-rail .r-rail-cmdk .kbd { display: none; }
  .respira-v71 .r-rail-note { display: none; }
  .respira-v71 .r-rail .footer span:not(.live-dot) { display: none; }
  .respira-v71 .r-rail .footer { justify-content: center; padding: 10px 0; }
  .respira-v71 .r-rail-theme { padding: 6px 6px 12px; flex-direction: column; gap: 4px; }
  .respira-v71 .r-rail-theme-seg { padding: 8px 4px; justify-content: center; }
  .respira-v71 .r-rail-theme-seg span { display: none; }
}

/* 2026-05-24: rail scrolls when its content exceeds the viewport height.
   Without this, the bottom-of-rail items (Add-ons, Reports, Settings,
   About, theme toggle) clip silently on shorter viewports and there's no
   way to reach them. Custom scrollbar keeps it visually quiet — 4px wide,
   shows on hover only, blends with the rail surface. Works in both dark
   and light modes via the existing rp-border / rp-fg-dim tokens. */
.respira-v71 .r-rail {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.respira-v71 .r-rail:hover { scrollbar-color: var(--rp-fg-dim) transparent; }
.respira-v71 .r-rail::-webkit-scrollbar { width: 4px; }
.respira-v71 .r-rail::-webkit-scrollbar-track { background: transparent; }
.respira-v71 .r-rail::-webkit-scrollbar-thumb { background: transparent; border-radius: 2px; }
.respira-v71 .r-rail:hover::-webkit-scrollbar-thumb { background: var(--rp-fg-dim); }

/* On VERY narrow viewports (portrait phone, iPad split-view minimum), the
   rail still eats too much horizontal space. Drop to 44px and tighten the
   icon padding so an 8th-grader's thumb still hits the right target. */
@media (max-width: 520px) {
  .respira-v71 .plugin-shell { grid-template-columns: 44px 1fr; }
  .respira-v71 .r-rail .r-nav-item { padding: 8px 0; }
  .respira-v71 .r-nav { padding: 0 2px; gap: 0; }
  .respira-v71 .r-rail-cmdk { margin: 0 2px; }
}


.respira-v71 .plugin-shell::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(800px 500px at 85% -10%, rgba(16,185,129,.07), transparent 60%),
    radial-gradient(600px 400px at 0% 100%, rgba(16,185,129,.04), transparent 60%);
}


.respira-v71 .r-rail {
  background: var(--rp-surface);
  border-right: 1px solid var(--rp-border);
  padding: 18px 0;
  display: flex; flex-direction: column;
  position: sticky; top: 0; height: 100vh;
  z-index: 1;
}
.respira-v71 .r-rail .brand {
  display: flex; align-items: center; gap: 12px;
  padding: 0 10px 16px; border-bottom: 1px solid var(--rp-border); margin-bottom: 12px;
}
.respira-v71 .r-rail .mark {
  width: 36px; height: 36px; position: relative;
  object-fit: contain; display: block;
  background: transparent;
}
.respira-v71 .r-rail .mark.mark-glyph {
  border-radius: 8px;
  background: transparent;
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.respira-v71 .r-rail .mark.mark-glyph:empty {
  background: linear-gradient(135deg, var(--rp-emerald-400) 0%, var(--rp-emerald-600) 100%);
  box-shadow: var(--rp-glow-emerald);
}
.respira-v71 .r-rail .brand-words { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.respira-v71 .r-rail .wordmark { display: flex; align-items: baseline; gap: 5px; line-height: 1; white-space: nowrap; }
.respira-v71 .r-rail .wm-respira {
  font-family: 'Alan Sans', var(--rp-font-display);
  font-weight: 700; letter-spacing: -0.025em;
  font-size: 19px; color: var(--rp-fg);
}
.respira-v71 .r-rail .wm-for {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 500;
  font-size: 13px; color: var(--rp-fg-muted);
  letter-spacing: -0.005em;
}
.respira-v71 .r-rail .ver { font-family: var(--rp-font-mono); font-size: 10px; color: var(--rp-fg-subtle); letter-spacing: 0; }

.respira-v71 .r-nav { flex: 1; padding: 0 8px; display: flex; flex-direction: column; gap: 1px; }
.respira-v71 .r-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-radius: 8px; cursor: pointer;
  white-space: nowrap;
  font-size: 13.5px; font-weight: 500; color: var(--rp-fg-muted);
  transition: all 150ms ease-out; position: relative;
}
.respira-v71 .r-nav-item:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .r-nav-item.active {
  background: linear-gradient(90deg, rgba(16,185,129,.12), rgba(16,185,129,.04));
  color: var(--rp-emerald-300);
}
.respira-v71 .r-nav-item.active::before {
  content: ""; position: absolute; left: -8px; top: 8px; bottom: 8px; width: 3px;
  background: var(--rp-emerald-500); border-radius: 0 3px 3px 0;
  box-shadow: 0 0 12px rgba(16,185,129,.6);
}
.respira-v71 .r-nav-item .badge {
  margin-left: auto; font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600;
  padding: 2px 6px; border-radius: 999px; background: rgba(16,185,129,.15); color: var(--rp-emerald-400);
}
.respira-v71 .r-nav-item .badge.warn { background: rgba(245,158,11,.15); color: var(--rp-warning); }
.respira-v71 .r-nav-item.about-grp {
  font-size: 13.5px; font-weight: 500; color: var(--rp-fg-muted);
  padding: 9px 12px; cursor: pointer;
}
.respira-v71 .r-nav-item.about-grp:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }

.respira-v71 .r-rail .footer {
  padding: 12px 18px; border-top: 1px solid var(--rp-border); margin-top: 12px;
  display: flex; align-items: center; gap: 8px; font-size: 11px;
  color: var(--rp-fg-muted); font-family: var(--rp-font-mono);
}

/* Theme toggle in rail footer (matches dashboard) */
.respira-v71 .r-rail-theme {
  display: flex; gap: 4px; padding: 8px 12px 24px;
  border-top: 1px solid var(--rp-border);
}
.respira-v71 .r-rail-theme-seg {
  flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
  padding: 8px 8px; border-radius: 6px; border: 0;
  background: transparent; color: var(--rp-fg-muted);
  font-size: 11px; font-weight: 500; cursor: pointer;
  font-family: inherit;
}
.respira-v71 .r-rail-theme-seg:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .r-rail-theme-seg.active {
  background: var(--rp-emerald-500); color: #062c1d;
  font-weight: 600;
}
.respira-v71 .ui-classic .r-rail-theme-seg { color: #4a463f; }
.respira-v71 .ui-classic .r-rail-theme-seg:hover { background: rgba(10,79,92,.08); color: #1c1917; }
.respira-v71 .ui-classic .r-rail-theme-seg.active { color: #fdfaf2; }

/* Rail notification pill — latest update from respira.press */
.respira-v71 .r-rail-note {
  margin: 0 12px 14px;
  border: 1px solid var(--rp-border);
  background: var(--rp-surface);
  border-radius: 8px;
  padding: 10px 12px;
  display: block; text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.respira-v71 .r-rail-note:hover { border-color: var(--rp-fg-dim); background: var(--rp-surface-elevated); }
.respira-v71 .r-rail-note-eb {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600; margin-bottom: 6px;
}
.respira-v71 .r-rail-note-eb .dot { width: 5px; height: 5px; border-radius: 50%; background: var(--rp-emerald-500); box-shadow: 0 0 0 3px rgba(16,185,129,.18); }
.respira-v71 .r-rail-note-t {
  font-size: 12px; font-weight: 600; color: var(--rp-fg);
  line-height: 1.35; margin-bottom: 4px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.respira-v71 .r-rail-note-d {
  font-size: 11px; line-height: 1.45; color: var(--rp-fg-muted);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

/* Settings → Appearance card — two-card visual theme picker */
.respira-v71 .appearance-eb {
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--rp-fg-dim); font-weight: 600; margin-bottom: 12px;
}
.respira-v71 .theme-picker {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
.respira-v71 .theme-card {
  text-align: left; padding: 0; border-radius: 12px;
  border: 1.5px solid var(--rp-border); background: var(--rp-surface);
  cursor: pointer; overflow: hidden; display: flex; flex-direction: column;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.respira-v71 .theme-card:hover { border-color: var(--rp-fg-dim); }
.respira-v71 .theme-card.selected {
  border-color: var(--rp-emerald-500);
  box-shadow: 0 0 0 1px var(--rp-emerald-500), 0 8px 24px -12px rgba(16,185,129,.45);
}
.respira-v71 .theme-card-preview {
  height: 120px; padding: 14px; position: relative;
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .theme-card-preview--dark { background: #0a0f0d; }
.respira-v71 .theme-card-preview--dark .tcp-bar    { background: rgba(255,255,255,.10); height: 14px; border-radius: 3px; width: 35%; }
.respira-v71 .theme-card-preview--dark .tcp-row    { background: rgba(255,255,255,.08); height: 6px; border-radius: 2px; width: 80%; }
.respira-v71 .theme-card-preview--dark .tcp-row-wide   { width: 95%; }
.respira-v71 .theme-card-preview--dark .tcp-row-narrow { width: 55%; }
.respira-v71 .theme-card-preview--dark .tcp-accent {
  position: absolute; right: 14px; bottom: 14px;
  width: 38px; height: 14px; border-radius: 3px;
  background: linear-gradient(90deg, var(--rp-emerald-500), var(--rp-emerald-400));
}
.respira-v71 .theme-card-preview--light { background: #f7f8fa; }
.respira-v71 .theme-card-preview--light .tcp-bar    { background: #d6dae0; height: 14px; border-radius: 3px; width: 35%; }
.respira-v71 .theme-card-preview--light .tcp-row    { background: #e3e6eb; height: 6px; border-radius: 2px; width: 80%; }
.respira-v71 .theme-card-preview--light .tcp-row-wide   { width: 95%; }
.respira-v71 .theme-card-preview--light .tcp-row-narrow { width: 55%; }
.respira-v71 .theme-card-preview--light .tcp-accent {
  position: absolute; right: 14px; bottom: 14px;
  width: 38px; height: 14px; border-radius: 3px;
  background: #2563eb;
}
.respira-v71 .theme-card-meta { padding: 14px 16px 16px; }
.respira-v71 .theme-card-h {
  display: flex; align-items: center; justify-content: space-between;
  font-size: 14px; font-weight: 600; color: var(--rp-fg); margin-bottom: 6px;
}
.respira-v71 .theme-card-desc {
  font-size: 12px; line-height: 1.5; color: var(--rp-fg-muted);
}
.respira-v71 .theme-card-radio {
  width: 16px; height: 16px; border-radius: 50%;
  border: 1.5px solid var(--rp-border);
  display: inline-flex; align-items: center; justify-content: center;
}
.respira-v71 .theme-card.selected .theme-card-radio { border-color: var(--rp-emerald-500); }
.respira-v71 .theme-card-radio span {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--rp-emerald-500);
}

/* Reusable segmented control (Density, future binary picks) */
.respira-v71 .seg {
  display: inline-flex; border: 1px solid var(--rp-border); border-radius: 8px;
  background: var(--rp-surface); overflow: hidden;
}
.respira-v71 .seg-btn {
  border: 0; background: transparent; color: var(--rp-fg-muted);
  font-size: 12px; padding: 7px 14px; cursor: pointer; font-family: inherit;
}
.respira-v71 .seg-btn:hover { color: var(--rp-fg); }
.respira-v71 .seg-btn.active {
  background: var(--rp-emerald-500); color: #062c1d; font-weight: 600;
}

/* MCP connect card — friendly-by-default, Advanced disclosure */
.respira-v71 .mcp-envs { display: flex; flex-direction: column; gap: 10px; }
.respira-v71 .mcp-env { display: flex; flex-direction: column; gap: 4px; }
.respira-v71 .mcp-env-k {
  font-size: 11px; color: var(--rp-fg-dim); letter-spacing: .02em;
}
.respira-v71 .mcp-advanced {
  margin-top: 16px; padding-top: 14px;
  border-top: 1px solid var(--rp-border);
}
.respira-v71 .mcp-advanced summary {
  cursor: pointer; font-size: 12px; color: var(--rp-fg-muted);
  user-select: none; padding: 4px 0; outline: none;
  list-style: none;
}
.respira-v71 .mcp-advanced summary::-webkit-details-marker { display: none; }
.respira-v71 .mcp-advanced summary::before {
  content: "▸"; display: inline-block; margin-right: 8px;
  font-size: 10px; transition: transform .15s ease;
  color: var(--rp-fg-dim);
}
.respira-v71 .mcp-advanced[open] summary::before { transform: rotate(90deg); }
.respira-v71 .mcp-advanced summary:hover { color: var(--rp-fg); }
.respira-v71 .mcp-advanced-body { padding-top: 10px; }


.respira-v71 .plugin-main {
  position: relative;
  z-index: 0;
  min-width: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100vh;
}
.respira-v71 .screen {
  display: flex; flex-direction: column; gap: 20px;
  padding: 28px 36px 80px;
  max-width: 1280px;
  width: 100%;
  /* v7.1 polish: left-align content next to the rail instead of centering.
     On wide monitors the centered layout left a giant gutter on the right
     while the rail sat on the far left — visually disconnected. Keep the
     readability cap (1280px) but anchor the column to the left. */
  margin: 0;
  box-sizing: border-box;
}


.respira-v71 .r-page { padding: 0; }
.respira-v71 .r-page-inner { padding: 28px 36px 80px; max-width: 1280px; margin: 0; }


.respira-v71 .page-h {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;
  padding-bottom: 4px;
}
.respira-v71 .page-h h1 {
  font-size: 32px; font-weight: 700; letter-spacing: -0.025em; margin: 6px 0 4px;
  color: var(--rp-fg); line-height: 1.15;
}
.respira-v71 .page-h .sub { font-size: 15px; color: var(--rp-fg-muted); margin: 0; max-width: 640px; line-height: 1.5; }
.respira-v71 .page-h .eb-row { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }


.respira-v71 .live-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--rp-emerald-500);
  box-shadow: 0 0 0 3px rgba(16,185,129,.18), 0 0 12px rgba(16,185,129,.6);
  animation: rp-breath 3s ease-in-out infinite;
}
@keyframes rp-breath {
  0%,100% { transform: scale(1); opacity: .8; box-shadow: 0 0 0 3px rgba(16,185,129,.18), 0 0 8px rgba(16,185,129,.4); }
  50% { transform: scale(1.15); opacity: 1; box-shadow: 0 0 0 5px rgba(16,185,129,.12), 0 0 16px rgba(16,185,129,.7); }
}


.respira-v71 .btn {
  display: inline-flex; align-items: center; gap: 8px;
  height: 40px; padding: 0 16px;
  border-radius: 8px; font-weight: 500; font-size: 14px;
  letter-spacing: 0; transition: all 150ms ease-out;
  white-space: nowrap;
}
.respira-v71 .btn.sm { height: 32px; padding: 0 12px; font-size: 13px; gap: 6px; }
.respira-v71 .btn.lg { height: 48px; padding: 0 20px; font-size: 15px; }
.respira-v71 .btn.primary {
  background: var(--rp-emerald-500); color: var(--rp-stone-950); font-weight: 600;
}
.respira-v71 .btn.primary:hover { background: var(--rp-emerald-400); box-shadow: var(--rp-glow-emerald); transform: translateY(-1px); }
.respira-v71 .btn.primary:disabled { opacity: .5; cursor: not-allowed; }
.respira-v71 .btn.secondary {
  background: rgba(16,185,129,.06); border: 1px solid rgba(16,185,129,.25); color: var(--rp-emerald-400);
}
.respira-v71 .btn.secondary:hover { background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.5); }
.respira-v71 .btn.ghost { color: var(--rp-fg-muted); border: 1px solid transparent; }
.respira-v71 .btn.ghost:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .btn .icon { flex: 0 0 auto; }


.respira-v71 .pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px; font-weight: 500;
  padding: 3px 8px; border-radius: 999px; letter-spacing: 0;
  white-space: nowrap;
}
.respira-v71 .pill .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.respira-v71 .pill.tag { background: rgba(255,255,255,.06); color: var(--rp-fg-muted); }
.respira-v71 .pill.success { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); }
.respira-v71 .pill.warn { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .pill.danger { background: rgba(244,63,94,.12); color: var(--rp-error); }
.respira-v71 .pill.info { background: rgba(56,189,248,.12); color: var(--rp-info); }



.respira-v71 .card, .respira-v71 .plugin-shell .card {
  max-width: none;
  width: auto;
  min-width: 0;
}
.respira-v71 .card {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.respira-v71 .card.feature {
  background: var(--rp-surface-elevated);
}
.respira-v71 .card.feature::before {
  content: ""; position: absolute; left: 16px; right: 16px; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--rp-emerald-500), transparent);
}
.respira-v71 .card.emerald-glow { box-shadow: 0 0 0 1px rgba(16,185,129,.25), 0 0 32px rgba(16,185,129,.08); }
.respira-v71 .card-h {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .card-h h2 { margin: 0; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; color: var(--rp-fg); }
.respira-v71 .card-h .meta { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); }
.respira-v71 .card-h .actions { display: flex; gap: 8px; align-items: center; }
.respira-v71 .card-body { padding: 16px; }


.respira-v71 .stat-grid { display: grid; gap: 16px; }
.respira-v71 .stat-grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1080px) { .respira-v71 .stat-grid-4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .respira-v71 .stat-grid-4 { grid-template-columns: 1fr; } }
.respira-v71 .stat {
  position: relative; padding: 16px 20px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  overflow: hidden;
}
.respira-v71 .stat .spark { position: absolute; top: 14px; right: 16px; width: 64px; height: 26px; opacity: .6; }
.respira-v71 .stat .eb { font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: var(--rp-fg-muted); margin-bottom: 8px; }
.respira-v71 .stat .value {
  font-family: var(--rp-font-mono); font-size: 30px; font-weight: 600; letter-spacing: -0.02em;
  color: var(--rp-fg); line-height: 1;
}
.respira-v71 .stat .unit { font-size: 16px; color: var(--rp-fg-muted); margin-left: 3px; font-weight: 500; }
.respira-v71 .stat .foot { display: flex; gap: 8px; align-items: center; margin-top: 10px; font-family: var(--rp-font-mono); font-size: 11px; }
.respira-v71 .stat .delta { font-weight: 600; }
.respira-v71 .stat .delta.up { color: var(--rp-emerald-400); }
.respira-v71 .stat .delta.dn { color: var(--rp-error); }
.respira-v71 .stat .note { color: var(--rp-fg-subtle); }


.respira-v71 .card-body > .stat-grid { margin: -4px 0; }


.respira-v71 .stats-compact .stat .value { font-size: 22px; }
.respira-v71 .stats-compact .stat .eb { margin-bottom: 4px; }
.respira-v71 .stats-compact .stat .foot { margin-top: 6px; }


.respira-v71 .quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.respira-v71 .quick {
  text-align: left; position: relative;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  padding: 18px 20px 16px;
  display: flex; flex-direction: column; gap: 6px;
  transition: all 200ms ease-out; cursor: pointer; overflow: hidden;
}
.respira-v71 .quick:hover {
  border-color: rgba(16,185,129,.3);
  transform: translateY(-2px);
  box-shadow: var(--rp-shadow-hover);
}
.respira-v71 .quick.accent {
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.02));
  border-color: rgba(16,185,129,.4);
}
.respira-v71 .quick.accent::after {
  content: ""; position: absolute; right: -40px; top: -40px; width: 160px; height: 160px;
  background: radial-gradient(circle, rgba(16,185,129,.18), transparent 70%);
  pointer-events: none;
}
.respira-v71 .quick-icon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
  margin-bottom: 4px;
}
.respira-v71 .quick-eb { font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--rp-emerald-400); }
.respira-v71 .quick-title { font-size: 17px; font-weight: 600; color: var(--rp-fg); letter-spacing: -0.015em; }
.respira-v71 .quick-desc { font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5; min-height: 38px; }
.respira-v71 .quick-cta { font-size: 13px; color: var(--rp-emerald-400); font-weight: 500; display: flex; align-items: center; gap: 6px; margin-top: 8px; }
.respira-v71 .quick-badge { position: absolute; top: 14px; right: 14px; font-family: var(--rp-font-mono); font-size: 10px;
  font-weight: 600; padding: 3px 8px; border-radius: 999px;
  background: rgba(245,158,11,.15); color: var(--rp-warning); }


.respira-v71 .two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }


.respira-v71 .agent-list { display: flex; flex-direction: column; }
.respira-v71 .agent-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .agent-row:last-child { border-bottom: none; padding-bottom: 0; }
.respira-v71 .agent-row:first-child { padding-top: 0; }
.respira-v71 .agent-mark {
  width: 32px; height: 32px; border-radius: 8px;
  background: linear-gradient(135deg, rgba(16,185,129,.2), rgba(16,185,129,.06));
  border: 1px solid rgba(16,185,129,.25);
  display: flex; align-items: center; justify-content: center; color: var(--rp-emerald-400);
  flex: 0 0 auto;
}
.respira-v71 .agent-name { font-size: 14px; font-weight: 600; color: var(--rp-fg); display: flex; align-items: center; gap: 8px; }
.respira-v71 .agent-meta { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }
.respira-v71 .agent-stats { font-size: 11px; text-align: right; }
.respira-v71 .agent-stats > div { white-space: nowrap; }
.respira-v71 .row-act { width: 28px; height: 28px; border-radius: 6px; color: var(--rp-fg-subtle); display: flex; align-items: center; justify-content: center; }
.respira-v71 .row-act:hover { background: var(--rp-surface-overlay); color: var(--rp-fg); }


.respira-v71 .activity-list { display: flex; flex-direction: column; gap: 0; max-height: 320px; overflow-y: auto; }
.respira-v71 .activity-list::-webkit-scrollbar { width: 4px; }
.respira-v71 .activity-list::-webkit-scrollbar-track { background: transparent; }
.respira-v71 .activity-list::-webkit-scrollbar-thumb { background: var(--rp-border-strong); border-radius: 4px; }
.respira-v71 .activity-list::-webkit-scrollbar-thumb:hover { background: var(--rp-fg-subtle); }
.respira-v71 .act-row {
  display: grid; grid-template-columns: 64px 56px 70px 1fr auto 36px; gap: 10px;
  align-items: center; padding: 9px 0; border-bottom: 1px solid var(--rp-border);
  font-size: 12px;
}
.respira-v71 .act-row:last-child { border-bottom: none; }
.respira-v71 .act-row .t { font-family: var(--rp-font-mono); color: var(--rp-fg-subtle); font-size: 11px; }
.respira-v71 .act-row .scope {
  font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600;
  text-transform: uppercase; letter-spacing: .08em;
  padding: 2px 6px; border-radius: 4px; text-align: center;
}
.respira-v71 .act-row .scope.read { background: rgba(56,189,248,.12); color: var(--rp-info); }
.respira-v71 .act-row .scope.write { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .act-row .scope.deny { background: rgba(244,63,94,.12); color: var(--rp-error); }
.respira-v71 .act-row .agent { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .act-row .action { color: var(--rp-fg-muted); }
.respira-v71 .act-row .target { color: var(--rp-fg); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


.respira-v71 .approval-list { display: flex; flex-direction: column; }
.respira-v71 .approval-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--rp-border);
  background: rgba(255,255,255,.02);
}
.respira-v71 .approval-toolbar-title {
  color: var(--rp-fg);
  font-size: 13px;
  font-weight: 700;
}
.respira-v71 .approval-toolbar-desc {
  color: var(--rp-fg-muted);
  font-size: 12px;
  margin-top: 3px;
}
.respira-v71 .approval-row {
  display: grid; grid-template-columns: 1fr auto; gap: 16px;
  padding: 14px 0; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .approval-row:last-child { border-bottom: none; padding-bottom: 0; }
.respira-v71 .approval-row:first-child { padding-top: 0; }
.respira-v71 .approval-h { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.respira-v71 .approval-agent { font-weight: 600; font-size: 13px; }
.respira-v71 .approval-time { font-size: 11px; color: var(--rp-fg-subtle); margin-left: auto; }
.respira-v71 .approval-action { font-size: 14px; color: var(--rp-fg); margin-bottom: 4px; font-weight: 500; }
.respira-v71 .approval-desc { font-size: 12px; color: var(--rp-fg-muted); }
.respira-v71 .approval-actions { display: flex; gap: 8px; align-items: center; }

.respira-v71 .approval-list.big .approval-row.big {
  grid-template-columns: 140px 1fr 180px;
  padding: 20px 24px;
}
.respira-v71 .approval-side { display: flex; flex-direction: column; gap: 10px; }
.respira-v71 .approval-side .agent-logo.sm { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px; color: #000; overflow: hidden; }
.respira-v71 .approval-side .agent-logo.sm.has-img, .respira-v71 .agent-logo.sm.has-img { background: rgba(255,255,255,0.04); padding: 5px; }
.respira-v71 .agent-logo.sm.has-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.respira-v71 .approval-meta { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .approval-actions.vertical { flex-direction: column; align-items: stretch; }
.respira-v71 .approval-actions.vertical .btn { justify-content: center; }
.respira-v71 .link-btn {
  font-size: 11px; color: var(--rp-emerald-400); padding: 6px 0; text-align: center;
  font-family: var(--rp-font-mono);
}
.respira-v71 .link-btn:hover { color: var(--rp-emerald-300); text-decoration: underline; }


.respira-v71 .diff-table {
  margin-top: 12px; border: 1px solid var(--rp-border); border-radius: 8px; overflow: hidden;
  background: var(--rp-bg);
}
.respira-v71 .diff-h, .respira-v71 .diff-row {
  display: grid; grid-template-columns: 200px 1fr 1fr; gap: 12px;
  padding: 8px 14px; font-size: 11px; font-family: var(--rp-font-mono);
}
.respira-v71 .diff-h { background: var(--rp-surface-overlay); color: var(--rp-fg-subtle); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 10px; }
.respira-v71 .diff-row { border-top: 1px solid var(--rp-border); }
.respira-v71 .diff-field { color: var(--rp-fg-muted); }
.respira-v71 .diff-before { color: var(--rp-error); text-decoration: line-through; opacity: .8; }
.respira-v71 .diff-after { color: var(--rp-emerald-400); }


.respira-v71 .empty-state {
  padding: 56px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.respira-v71 .empty-state.small { padding: 32px 24px; }
.respira-v71 .empty-state h2 { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; margin: 12px 0 6px; }
.respira-v71 .empty-state p { font-size: 14px; color: var(--rp-fg-muted); max-width: 440px; line-height: 1.6; margin: 0; }
.respira-v71 .empty-foot { margin-top: 24px; font-size: 12px; color: var(--rp-fg-subtle); font-family: var(--rp-font-mono); }
.respira-v71 .empty-mark {
  width: 96px; height: 96px; position: relative; margin-bottom: 12px;
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .empty-mark .ring {
  position: absolute; inset: 0; border-radius: 50%;
  border: 1px solid rgba(16,185,129,.2);
}
.respira-v71 .empty-mark .r2 { inset: 8px; animation: rp-breath 3s ease-in-out infinite; }
.respira-v71 .empty-mark .r3 { inset: 16px; border-color: rgba(16,185,129,.4); }
.respira-v71 .empty-mark .emerald-dot { width: 24px; height: 24px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--rp-emerald-300), var(--rp-emerald-600));
  box-shadow: var(--rp-glow-emerald); animation: rp-breath 3s ease-in-out infinite; }


.respira-v71 .notice {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 16px; border-radius: 12px; font-size: 13px;
  border: 1px solid;
}
.respira-v71 .notice .body { flex: 1; line-height: 1.5; }
.respira-v71 .notice strong { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .notice.info { background: rgba(56,189,248,.06); border-color: rgba(56,189,248,.2); color: var(--rp-fg-muted); }
.respira-v71 .notice.info .icon { color: var(--rp-info); }
.respira-v71 .notice.warn { background: rgba(245,158,11,.06); border-color: rgba(245,158,11,.2); color: var(--rp-fg-muted); }
.respira-v71 .notice.warn .icon { color: var(--rp-warning); }
.respira-v71 .notice.success { background: rgba(16,185,129,.06); border-color: rgba(16,185,129,.2); color: var(--rp-fg-muted); }
.respira-v71 .notice.success .icon { color: var(--rp-emerald-400); }
.respira-v71 .close-x { width: 24px; height: 24px; border-radius: 6px; color: var(--rp-fg-subtle); display: flex; align-items: center; justify-content: center; }
.respira-v71 .close-x:hover { background: var(--rp-surface-overlay); color: var(--rp-fg); }



.respira-v71 .addons-screen { position: relative; }

.respira-v71 .addons-update-banner {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 16px; border-radius: 10px;
  background: linear-gradient(90deg, rgba(245,158,11,.14), rgba(245,158,11,.04));
  border: 1px solid rgba(245,158,11,.3);
  margin-bottom: 16px;
}
.respira-v71 .addons-update-icon {
  width: 32px; height: 32px; border-radius: 8px;
  background: rgba(245,158,11,.2); color: var(--rp-warning);
  display: flex; align-items: center; justify-content: center;
}

.respira-v71 .addons-stat-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  margin-bottom: 18px;
}
.respira-v71 .addons-stat {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 10px; padding: 14px 16px;
}
.respira-v71 .addons-stat-eb {
  font-size: 10px; letter-spacing: .12em; color: var(--rp-fg-subtle);
  font-weight: 600; margin-bottom: 8px;
}
.respira-v71 .addons-stat-v {
  font-family: var(--rp-font-mono); font-size: 26px; font-weight: 500;
  color: var(--rp-fg); letter-spacing: -0.02em; line-height: 1;
}
.respira-v71 .addons-stat-u { color: var(--rp-fg-subtle); font-size: 16px; margin-left: 4px; }
.respira-v71 .addons-stat-n { font-size: 11px; color: var(--rp-fg-muted); margin-top: 6px; }

.respira-v71 .addons-toolbar {
  display: flex; gap: 12px; align-items: center;
  padding: 12px 0 16px;
  flex-wrap: wrap;
}
.respira-v71 .addons-toolbar .search.wide { flex: 1; min-width: 260px; max-width: 460px; }

.respira-v71 .addons-featured-card {
  margin-bottom: 18px;
  background: linear-gradient(135deg, rgba(16,185,129,.12), rgba(16,185,129,.02)) !important;
  border-color: rgba(16,185,129,.3) !important;
}
.respira-v71 .addons-featured { padding: 22px 26px; }
.respira-v71 .addons-featured-eb {
  font-size: 10px; letter-spacing: .14em; color: var(--rp-emerald-400);
  font-weight: 600; margin-bottom: 8px;
}
.respira-v71 .addons-featured-title {
  font-size: 22px; font-weight: 600; letter-spacing: -0.02em;
  color: var(--rp-fg); margin: 0 0 6px;
}
.respira-v71 .addons-featured-sub {
  color: var(--rp-fg-muted); margin: 0 0 14px; max-width: 640px;
}
.respira-v71 .addons-featured-row { display: flex; gap: 10px; }

.respira-v71 .addons-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
}
.respira-v71 .addon-card {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 16px;
  cursor: pointer;
  transition: all 150ms ease-out;
  display: flex; flex-direction: column;
  min-height: 220px;
}
.respira-v71 .addon-card:hover {
  border-color: var(--rp-emerald-500);
  background: var(--rp-surface-elevated);
  transform: translateY(-1px);
}
.respira-v71 .addon-card.installed { border-left: 3px solid var(--rp-emerald-500); }

.respira-v71 .addon-h { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 10px; }
.respira-v71 .addon-icon {
  width: 38px; height: 38px; border-radius: 9px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0; font-weight: 600;
}
.respira-v71 .addon-icon.lg { width: 52px; height: 52px; font-size: 24px; border-radius: 12px; }
.respira-v71 .addon-name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.respira-v71 .addon-name {
  margin: 0; font-size: 15px; font-weight: 600;
  color: var(--rp-fg); letter-spacing: -0.01em;
}
.respira-v71 .addon-tag {
  font-family: var(--rp-font-mono); font-size: 9px; font-weight: 700;
  letter-spacing: .08em; padding: 2px 6px; border-radius: 3px; text-transform: uppercase;
}
.respira-v71 .addon-tag.official { background: rgba(16,185,129,.15); color: var(--rp-emerald-400); }
.respira-v71 .addon-tag.beta { background: rgba(168,139,250,.18); color: #c4b5fd; }
.respira-v71 .addon-tag.partner { background: rgba(59,130,246,.15); color: #93c5fd; }

.respira-v71 .addon-meta {
  font-size: 11px; color: var(--rp-fg-muted); margin-top: 3px;
}
.respira-v71 .addon-desc {
  font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5;
  margin: 0 0 12px; flex: 1;
}
.respira-v71 .addon-builders { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }
.respira-v71 .builder-chip {
  font-size: 10px; padding: 2px 7px; border-radius: 999px;
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
  border: 1px solid var(--rp-border);
}
.respira-v71 .addon-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 12px; border-top: 1px solid var(--rp-border);
  gap: 10px;
}
.respira-v71 .addon-price { display: flex; flex-direction: column; min-width: 0; }
.respira-v71 .addon-price-v {
  font-weight: 600; color: var(--rp-fg); font-size: 14px;
  font-family: var(--rp-font-mono);
}
.respira-v71 .addon-price-sites { font-size: 10px; color: var(--rp-fg-subtle); }
.respira-v71 .addon-installed-pill {
  font-family: var(--rp-font-mono); font-size: 11px;
  display: flex; align-items: center; gap: 6px;
  color: var(--rp-emerald-400);
}
.respira-v71 .addon-installed-pill.off { color: var(--rp-fg-muted); }


.respira-v71 .addon-backdrop {
  position: fixed; inset: 0; background: rgba(5,9,15,.6);
  backdrop-filter: blur(2px); z-index: 50;
}
.respira-v71 .addon-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; width: 540px; max-width: 90vw;
  background: var(--rp-bg);
  border-left: 1px solid var(--rp-border);
  box-shadow: -24px 0 48px rgba(0,0,0,.5);
  z-index: 51; display: flex; flex-direction: column;
  animation: drawerIn 220ms cubic-bezier(.2,.7,.2,1);
}
@keyframes drawerIn { from { transform: translateX(40px); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.respira-v71 .addon-drawer-h {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 22px 24px; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .addon-drawer-title {
  margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.01em;
  color: var(--rp-fg);
}
.respira-v71 .addon-drawer-x {
  background: transparent; border: 1px solid var(--rp-border);
  width: 30px; height: 30px; border-radius: 6px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: var(--rp-fg-subtle);
}
.respira-v71 .addon-drawer-x:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .addon-drawer-body { flex: 1; overflow-y: auto; padding: 22px 24px; }
.respira-v71 .addon-drawer-long {
  color: var(--rp-fg-muted); font-size: 14px; line-height: 1.6; margin: 0 0 18px;
}
.respira-v71 .addon-drawer-meta-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 10px; padding: 14px 16px; margin-bottom: 22px;
}
.respira-v71 .addon-drawer-eb {
  font-size: 10px; letter-spacing: .12em; color: var(--rp-fg-subtle);
  font-weight: 600; margin-bottom: 4px;
}
.respira-v71 .addon-drawer-v { color: var(--rp-fg); font-size: 14px; font-weight: 500; }
.respira-v71 .addon-drawer-h3 {
  font-size: 13px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -0.01em; margin: 22px 0 10px;
}
.respira-v71 .addon-perm-list {
  list-style: none; padding: 0; margin: 0 0 8px;
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .addon-perm-list li {
  display: flex; align-items: center; gap: 10px; font-size: 13px;
  color: var(--rp-fg-muted);
}
.respira-v71 .addon-reviews { display: flex; flex-direction: column; gap: 12px; }
.respira-v71 .addon-review {
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 8px; padding: 12px 14px;
}
.respira-v71 .addon-review-h { display: flex; justify-content: space-between; margin-bottom: 4px; }
.respira-v71 .addon-review-h strong { color: var(--rp-fg); font-size: 13px; }
.respira-v71 .addon-review-meta { font-size: 11px; color: var(--rp-fg-subtle); }
.respira-v71 .addon-review p { margin: 0; font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5; }
.respira-v71 .addon-drawer-foot {
  display: flex; gap: 10px; align-items: center;
  padding: 16px 24px; border-top: 1px solid var(--rp-border);
}


.respira-v71 .licence-table { display: flex; flex-direction: column; }
.respira-v71 .licence-h, .respira-v71 .licence-row {
  display: grid; grid-template-columns: 1.5fr 1.4fr .8fr 1fr .8fr 1.2fr;
  gap: 12px; padding: 10px 14px; align-items: center;
  font-size: 13px;
}
.respira-v71 .licence-h {
  font-size: 10px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600; font-family: var(--rp-font-mono);
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .licence-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .licence-row:last-child { border-bottom: none; }
.respira-v71 .licence-name { font-weight: 600; color: var(--rp-fg); }
.respira-v71 .licence-key { font-size: 12px; color: var(--rp-fg-muted); }


.respira-v71 .r-nav-sep {
  height: 1px; background: var(--rp-border); margin: 6px 12px;
}
.respira-v71 .r-rail-cmdk {
  display: flex; align-items: center; gap: 7px;
  margin: 8px 10px 4px;
  padding: 7px 10px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  color: var(--rp-fg-muted);
  transition: border-color .15s, color .15s;
  width: calc(100% - 20px);
}
.respira-v71 .r-rail-cmdk:hover { border-color: var(--rp-fg-subtle); color: var(--rp-fg); }
.respira-v71 .r-rail-cmdk span:nth-child(2) { flex: 1; text-align: left; }
.respira-v71 .r-rail-cmdk .kbd {
  font-size: 10px; padding: 2px 5px;
  background: var(--rp-surface-elevated, rgba(255,255,255,.06));
  border: 1px solid var(--rp-border);
  border-radius: 4px; white-space: nowrap;
}
.respira-v71 .r-rail-updates {
  margin-top: auto; padding: 8px 10px 4px;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .r-update-card {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 10px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  cursor: pointer;
  transition: border-color .15s;
}
.respira-v71 .r-update-card:hover { border-color: var(--rp-warning, #f59e0b); }
.respira-v71 .r-update-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--rp-warning, #f59e0b);
  flex-shrink: 0;
  box-shadow: 0 0 6px rgba(245,158,11,.5);
}
.respira-v71 .r-update-body { flex: 1; min-width: 0; }
.respira-v71 .r-update-name {
  font-size: 12px; font-weight: 600; color: var(--rp-fg);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.respira-v71 .r-update-sub { font-size: 10px; color: var(--rp-fg-muted); }
.respira-v71 .r-update-arr { color: var(--rp-fg-dim); flex-shrink: 0; }


.respira-v71 .home-hero h1 { font-size: clamp(22px, 3vw, 32px); line-height: 1.15; }
.respira-v71 .home-hero h1 em {
  font-style: italic;
  font-family: var(--rp-font-editorial, var(--rp-font-display, 'Cormorant Garamond', serif));
  color: var(--rp-emerald-400, #34d399);
}
.respira-v71 .home-site-chip {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12px; color: var(--rp-fg-muted);
  padding: 4px 10px; border-radius: 20px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
}
.respira-v71 .home-site-chip .pin { display: flex; color: var(--rp-fg-subtle); }
.respira-v71 .home-site-chip .div { color: var(--rp-border); }
.respira-v71 .home-site-chip b { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .home-site-banner {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 10px 16px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 10px; font-size: 12px; color: var(--rp-fg-muted);
  margin-bottom: 4px;
}
.respira-v71 .home-site-banner .label {
  font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .1em; color: var(--rp-fg-subtle);
}
.respira-v71 .home-site-banner .url { font-weight: 600; color: var(--rp-fg); }
.respira-v71 .home-site-banner .go {
  margin-left: auto; cursor: pointer; color: var(--rp-fg-muted);
  display: flex; align-items: center; gap: 4px;
}
.respira-v71 .home-site-banner .go:hover { color: var(--rp-fg); }
.respira-v71 .home-paths {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px; margin-bottom: 4px;
}
.respira-v71 .home-path {
  display: flex; flex-direction: column; gap: 3px; text-align: left;
  padding: 14px 16px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 10px; cursor: pointer; transition: border-color .15s;
}
.respira-v71 .home-path:hover { border-color: var(--rp-fg-subtle); }
.respira-v71 .home-path.accent { border-color: rgba(245,158,11,.4); }
.respira-v71 .home-path.accent:hover { border-color: var(--rp-warning, #f59e0b); }
.respira-v71 .home-path .eb {
  display: flex; align-items: center; gap: 5px;
  font-size: 10px; font-weight: 600; letter-spacing: .1em;
  font-family: var(--rp-font-mono); color: var(--rp-fg-subtle);
}
.respira-v71 .home-path.accent .eb { color: var(--rp-warning, #f59e0b); }
.respira-v71 .home-path .t { font-size: 14px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .home-path .d { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.4; }
.respira-v71 .home-path .cta {
  display: flex; align-items: center; gap: 4px; margin-top: 4px;
  font-size: 12px; color: var(--rp-fg-subtle);
}
.respira-v71 .home-path:hover .cta { color: var(--rp-fg); }
.respira-v71 .home-pending {
  display: flex; align-items: center; gap: 6px;
  padding: 7px 12px; border-radius: 8px;
  background: rgba(245,158,11,.1); border: 1px solid rgba(245,158,11,.3);
  color: var(--rp-warning, #f59e0b); font-size: 12px; cursor: pointer;
  transition: background .15s;
}
.respira-v71 .home-pending:hover { background: rgba(245,158,11,.18); }
.respira-v71 .home-pending strong { font-weight: 700; }



.respira-v71.ui-mode-classic {
  --rp-bg:               #f9f7f4;
  --rp-surface:          #ffffff;
  --rp-surface-elevated: #f5f3ee;
  --rp-surface-overlay:  #ede8e1;
  --rp-surface-raised:   #efeae3;
  --rp-fg:               #1c1713;
  --rp-fg-muted:         #574f47;
  --rp-fg-subtle:        #9c9187;
  --rp-fg-dim:           #b5aaa0;
  --rp-border:           #e8e3dc;
  --rp-border-strong:    #d4cdc5;
  --rp-shadow-card:      0 1px 3px rgba(0,0,0,.07), 0 4px 12px rgba(0,0,0,.05);
  --rp-shadow-hover:     0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
}
.respira-v71.ui-mode-classic .plugin-shell::before { display: none; }
.respira-v71.ui-mode-classic .r-rail { background: #f3efe8; }
.respira-v71.ui-mode-classic .r-nav-item.active {
  background: linear-gradient(90deg, rgba(16,185,129,.10), rgba(16,185,129,.03));
  color: var(--rp-emerald-600);
}
.respira-v71.ui-mode-classic .r-nav-item.active::before { background: var(--rp-emerald-600); }
.respira-v71.ui-mode-classic .r-nav-item:hover { background: rgba(0,0,0,.04); }
.respira-v71.ui-mode-classic .mock-root.dark { background: transparent; color: inherit; }



.respira-v71 .cs-shell {
  display: flex; flex-direction: column;
  background: var(--rp-bg);
  color: var(--rp-fg);
  min-height: 100%;
}
.respira-v71 .cs-pagehead {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;
  padding: 28px 36px 20px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .cs-pageeb {
  font-family: var(--rp-font-mono); font-size: 11px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; color: var(--rp-emerald-400);
  display: flex; align-items: center; gap: 6px; margin-bottom: 6px;
}
.respira-v71 .cs-pagetitle {
  font-family: var(--rp-font-display); font-size: clamp(22px,3vw,30px); font-weight: 700;
  color: var(--rp-fg); letter-spacing: -.02em; margin: 0 0 6px; line-height: 1.1;
}
.respira-v71 .cs-pagetitle em { font-style: italic; font-family: var(--rp-font-editorial); color: var(--rp-emerald-400); }
.respira-v71 .cs-pagesub { font-size: 14px; color: var(--rp-fg-muted); margin: 0; line-height: 1.5; }
.respira-v71 .cs-pageright { flex-shrink: 0; }

.respira-v71 .cs-grid { display: grid; grid-template-columns: 220px 1fr; flex: 1; }


.respira-v71 .cs-rail {
  background: var(--rp-surface);
  border-right: 1px solid var(--rp-border);
  padding: 20px 0;
  display: flex; flex-direction: column;
  min-height: calc(100vh - 120px);
}
.respira-v71 .cs-brand {
  display: flex; align-items: center; gap: 10px;
  padding: 0 16px 16px;
  border-bottom: 1px solid var(--rp-border);
  margin-bottom: 8px;
}
.respira-v71 .cs-brand-mark {
  width: 28px; height: 28px; border-radius: 7px; flex-shrink: 0;
  background: linear-gradient(135deg, var(--rp-emerald-400), var(--rp-emerald-600));
  box-shadow: 0 0 12px rgba(16,185,129,.35);
}
.respira-v71 .cs-brand-nm { font-weight: 700; font-size: 14px; color: var(--rp-fg); }
.respira-v71 .cs-brand-ver { font-family: var(--rp-font-mono); font-size: 10px; color: var(--rp-fg-muted); }

.respira-v71 .cs-steps { list-style: none; margin: 0; padding: 0 8px; display: flex; flex-direction: column; gap: 1px; }
.respira-v71 .cs-step {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-radius: 7px; cursor: pointer;
  font-size: 13px; font-weight: 500; color: var(--rp-fg-muted);
  transition: all .15s;
}
.respira-v71 .cs-step:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .cs-step.cur { background: linear-gradient(90deg, rgba(16,185,129,.12), rgba(16,185,129,.04)); color: var(--rp-emerald-300); }
.respira-v71 .cs-step.done { color: var(--rp-emerald-400); }
.respira-v71 .cs-step-n {
  width: 20px; height: 20px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 700;
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
}
.respira-v71 .cs-step.cur .cs-step-n { background: var(--rp-emerald-500); color: #fff; }
.respira-v71 .cs-step.done .cs-step-n { background: rgba(16,185,129,.15); color: var(--rp-emerald-400); }
.respira-v71 .cs-step-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.respira-v71 .cs-step-t { font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .cs-step-d { font-family: var(--rp-font-mono); font-size: 10px; color: var(--rp-fg-dim); }
.respira-v71 .cs-rail-foot {
  padding: 12px 16px; margin-top: auto; font-size: 11.5px; color: var(--rp-fg-muted);
  line-height: 1.5; border-top: 1px solid var(--rp-border);
}


.respira-v71 .cs-main { overflow-y: auto; }
.respira-v71 .cs-content { padding: 28px 36px; display: flex; flex-direction: column; gap: 20px; max-width: 700px; }
.respira-v71 .cs-eb {
  font-family: var(--rp-font-mono); font-size: 11px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--rp-emerald-400);
}
.respira-v71 .cs-h {
  font-family: var(--rp-font-display); font-size: clamp(20px,2.5vw,26px); font-weight: 700;
  color: var(--rp-fg); letter-spacing: -.02em; margin: 0; line-height: 1.15;
}
.respira-v71 .cs-h em { font-style: italic; font-family: var(--rp-font-editorial); color: var(--rp-emerald-400); }
.respira-v71 .cs-lede { font-size: 14px; color: var(--rp-fg-muted); line-height: 1.6; margin: 0; }


.respira-v71 .cs-activate { background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 12px; overflow: hidden; }
.respira-v71 .cs-activate-h {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px; border-bottom: 1px solid var(--rp-border);
  background: var(--rp-surface-elevated);
}
.respira-v71 .cs-activate-pill {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px; font-weight: 600;
  padding: 3px 9px; border-radius: 999px;
}
.respira-v71 .cs-activate-pill-success { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); }
.respira-v71 .cs-activate-pill-warn { background: rgba(245,158,11,.12);  color: var(--rp-warning); }
.respira-v71 .cs-activate-pill-danger { background: rgba(244,63,94,.1);    color: var(--rp-error); }
.respira-v71 .cs-activate-pill-tag { background: var(--rp-surface-overlay); color: var(--rp-fg-muted); }
.respira-v71 .cs-activate-site { display: flex; align-items: center; gap: 5px; font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); margin-left: auto; }
.respira-v71 .cs-activate-globe { color: var(--rp-emerald-400); }

.respira-v71 .cs-activate-flow { display: flex; flex-direction: column; gap: 0; padding: 16px 18px; }
.respira-v71 .cs-act-leg { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; opacity: .5; }
.respira-v71 .cs-act-leg.ok { opacity: 1; }
.respira-v71 .cs-act-leg.pending { opacity: .8; }
.respira-v71 .cs-act-leg-n {
  width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800; font-family: var(--rp-font-mono);
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
  border: 1px solid var(--rp-border);
}
.respira-v71 .cs-act-leg.ok .cs-act-leg-n { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); border-color: rgba(16,185,129,.2); }
.respira-v71 .cs-act-leg.pending .cs-act-leg-n { background: rgba(245,158,11,.12);  color: var(--rp-warning);     border-color: rgba(245,158,11,.2); }
.respira-v71 .cs-act-leg-b { flex: 1; min-width: 0; }
.respira-v71 .cs-act-leg-t { font-size: 13.5px; font-weight: 600; color: var(--rp-fg); margin-bottom: 2px; }
.respira-v71 .cs-act-leg-d { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.4; }
.respira-v71 .cs-act-leg-state { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); flex-shrink: 0; padding-top: 3px; }
.respira-v71 .cs-act-leg.ok .cs-act-leg-state { color: var(--rp-emerald-400); }
.respira-v71 .cs-act-rail { width: 1px; height: 20px; background: var(--rp-border); margin: 0 0 0 13px; }
.respira-v71 .cs-activate-actions { display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; border-top: 1px solid var(--rp-border); }
.respira-v71 .cs-activate-trust { font-size: 11px; color: var(--rp-fg-dim); font-family: var(--rp-font-mono); }


.respira-v71 .mk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  padding: 8px 16px; border-radius: 8px; font-size: 13.5px; font-weight: 600;
  cursor: pointer; border: 1px solid transparent;
  transition: all .15s; white-space: nowrap; font-family: inherit;
}
.respira-v71 .mk-btn.primary { background: var(--rp-emerald-500); color: #fff; border-color: var(--rp-emerald-500); box-shadow: 0 1px 3px rgba(16,185,129,.25); }
.respira-v71 .mk-btn.primary:hover { background: var(--rp-emerald-400); border-color: var(--rp-emerald-400); }
.respira-v71 .mk-btn.secondary { background: var(--rp-surface-elevated); color: var(--rp-fg); border-color: var(--rp-border); }
.respira-v71 .mk-btn.secondary:hover { border-color: var(--rp-fg-subtle); }
.respira-v71 .mk-btn.ghost { background: transparent; color: var(--rp-fg-muted); border-color: var(--rp-border); }
.respira-v71 .mk-btn.ghost:hover { color: var(--rp-fg); border-color: var(--rp-fg-subtle); }
.respira-v71 .mk-btn.lg { padding: 11px 22px; font-size: 14.5px; border-radius: 10px; }
.respira-v71 .mk-btn.sm { padding: 5px 12px; font-size: 12.5px; border-radius: 6px; }
.respira-v71 .mk-btn.skip { border: none; background: transparent; color: var(--rp-fg-dim); font-size: 12.5px; font-weight: 400; }
.respira-v71 .mk-btn.skip:hover { color: var(--rp-fg-muted); }
.respira-v71 .mk-btn:disabled { opacity: .5; cursor: not-allowed; }


.respira-v71 .mk-pill { display: inline-flex; align-items: center; gap: 5px; font-family: var(--rp-font-mono); font-size: 10.5px; font-weight: 600; padding: 2px 8px; border-radius: 999px; }
.respira-v71 .mk-pill.success { background: rgba(16,185,129,.1);  color: var(--rp-emerald-400); }
.respira-v71 .mk-pill.warn { background: rgba(245,158,11,.1);  color: var(--rp-warning); }
.respira-v71 .mk-pill.danger { background: rgba(244,63,94,.1);   color: var(--rp-error); }
.respira-v71 .mk-pill.tag { background: var(--rp-surface-elevated); color: var(--rp-fg-muted); border: 1px solid var(--rp-border); }
.respira-v71 .mk-code { font-family: var(--rp-font-mono); font-size: 11.5px; background: var(--rp-surface-elevated); padding: 1px 6px; border-radius: 4px; color: var(--rp-fg-muted); }
.respira-v71 .cs-nav-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }


.respira-v71 .cs-picker { display: flex; flex-direction: column; gap: 8px; }
.respira-v71 .cs-opt { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 14px 16px; border-radius: 10px; cursor: pointer; background: var(--rp-surface); border: 1.5px solid var(--rp-border); transition: all .15s; font-family: inherit; }
.respira-v71 .cs-opt:hover { border-color: var(--rp-fg-subtle); }
.respira-v71 .cs-opt.sel { border-color: var(--rp-emerald-500); background: rgba(16,185,129,.06); }
.respira-v71 .cs-opt-h { display: flex; align-items: center; gap: 10px; margin-bottom: 4px; }
.respira-v71 .cs-opt-h img { width: 24px; height: 24px; object-fit: contain; }
.respira-v71 .cs-opt-nm { font-size: 14px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .cs-opt-ds { font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5; }
.respira-v71 .cs-opt-extra { font-family: var(--rp-font-mono); font-size: 10.5px; color: var(--rp-fg-dim); }


.respira-v71 .cs-gov-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 10px; }
.respira-v71 .cs-gov { display: flex; flex-direction: column; gap: 6px; text-align: left; padding: 14px 16px; border-radius: 10px; cursor: pointer; background: var(--rp-surface); border: 1.5px solid var(--rp-border); transition: all .15s; font-family: inherit; }
.respira-v71 .cs-gov:hover { border-color: var(--rp-fg-subtle); }
.respira-v71 .cs-gov.sel { border-color: var(--rp-emerald-500); background: rgba(16,185,129,.06); }
.respira-v71 .cs-gov-h { display: flex; align-items: baseline; gap: 6px; }
.respira-v71 .cs-gov-nm { font-size: 13.5px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .cs-gov-sub { font-size: 11px; font-family: var(--rp-font-mono); color: var(--rp-fg-muted); }
.respira-v71 .cs-gov-d { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.45; }
.respira-v71 .cs-gov-check { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-emerald-400); margin-top: auto; }
.respira-v71 .cs-gov-rules summary { font-size: 12.5px; color: var(--rp-fg-muted); cursor: pointer; }
.respira-v71 .cs-gov-tbl { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12.5px; }
.respira-v71 .cs-gov-tbl th { text-align: left; color: var(--rp-fg-muted); font-weight: 600; padding: 4px 8px; border-bottom: 1px solid var(--rp-border); font-family: var(--rp-font-mono); font-size: 11px; }
.respira-v71 .cs-gov-tbl td { padding: 5px 8px; color: var(--rp-fg-muted); border-bottom: 1px solid var(--rp-border); }


.respira-v71 .cs-scope-row { display: grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 8px; }
.respira-v71 .cs-scope { display: flex; flex-direction: column; gap: 4px; text-align: left; padding: 12px 14px; border-radius: 8px; cursor: pointer; background: var(--rp-surface); border: 1.5px solid var(--rp-border); transition: all .15s; font-family: inherit; }
.respira-v71 .cs-scope:hover { border-color: var(--rp-fg-subtle); }
.respira-v71 .cs-scope.sel { border-color: var(--rp-emerald-500); background: rgba(16,185,129,.06); }
.respira-v71 .cs-scope-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.respira-v71 .cs-scope-nm { font-size: 13px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .cs-scope-risk { font-family: var(--rp-font-mono); font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 4px; }
.respira-v71 .cs-scope-risk.r-low { background: rgba(16,185,129,.1); color: var(--rp-emerald-400); }
.respira-v71 .cs-scope-risk.r-med { background: rgba(245,158,11,.1);  color: var(--rp-warning); }
.respira-v71 .cs-scope-risk.r-high { background: rgba(244,63,94,.1);   color: var(--rp-error); }
.respira-v71 .cs-scope-d { font-size: 11.5px; color: var(--rp-fg-muted); line-height: 1.45; }


.respira-v71 .cs-pair-card { background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 12px; overflow: hidden; }
.respira-v71 .cs-pair-h { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--rp-border); background: var(--rp-surface-elevated); }
.respira-v71 .cs-pair-h img { width: 24px; height: 24px; object-fit: contain; }
.respira-v71 .cs-pair-h h3 { margin: 0; font-size: 15px; font-weight: 700; color: var(--rp-fg); }
.respira-v71 .cs-pair-meta { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); margin-top: 1px; }
.respira-v71 .cs-pair-step { display: flex; gap: 12px; align-items: flex-start; padding: 14px 18px; border-bottom: 1px solid var(--rp-border); }
.respira-v71 .cs-pair-step .n { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; font-family: var(--rp-font-mono); background: var(--rp-surface-elevated); color: var(--rp-fg-muted); border: 1px solid var(--rp-border); margin-top: 1px; }
.respira-v71 .cs-pair-step .b { flex: 1; min-width: 0; }
.respira-v71 .cs-pair-step .t { font-size: 13.5px; font-weight: 600; color: var(--rp-fg); margin-bottom: 3px; }
.respira-v71 .cs-pair-step .d { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; margin-bottom: 8px; }
.respira-v71 .cs-codeline { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 6px; background: var(--rp-surface-elevated); border: 1px solid var(--rp-border); }
.respira-v71 .cs-codeline code { font-family: var(--rp-font-mono); font-size: 12px; color: var(--rp-fg); flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .cs-codeline-block { flex-direction: column; align-items: flex-start; gap: 6px; }
.respira-v71 .cs-codeline-block code { white-space: pre; overflow-x: auto; width: 100%; }
.respira-v71 .cs-pair-actions { display: flex; gap: 8px; flex-wrap: wrap; padding: 14px 18px; background: var(--rp-surface-elevated); border-top: 1px solid var(--rp-border); }


.respira-v71 .cs-status-row { display: flex; align-items: center; gap: 14px; padding: 14px 18px; background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 10px; }
.respira-v71 .cs-pulse { width: 10px; height: 10px; border-radius: 50%; background: var(--rp-emerald-500); box-shadow: 0 0 0 0 rgba(16,185,129,.4); animation: cs-pulse 2s infinite; flex-shrink: 0; }
@keyframes cs-pulse { 0% { box-shadow: 0 0 0 0 rgba(16,185,129,.4); } 70% { box-shadow: 0 0 0 8px rgba(16,185,129,0); } 100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); } }
.respira-v71 .cs-status-t { font-size: 14px; font-weight: 600; color: var(--rp-fg); display: flex; align-items: center; }
.respira-v71 .cs-status-d { font-size: 12px; color: var(--rp-fg-muted); margin-top: 1px; }
.respira-v71 .cs-agents-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 10px; }
.respira-v71 .cs-agent { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px; background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 10px; }
.respira-v71 .cs-agent.active { border-color: rgba(16,185,129,.3); background: rgba(16,185,129,.04); }
.respira-v71 .cs-agent-h { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.respira-v71 .cs-agent-nm { font-size: 13.5px; font-weight: 700; color: var(--rp-fg); }
.respira-v71 .cs-agent-state { display: flex; align-items: center; gap: 5px; font-family: var(--rp-font-mono); font-size: 10.5px; }
.respira-v71 .cs-agent-state.s-active { color: var(--rp-emerald-400); }
.respira-v71 .cs-agent-state.s-idle { color: var(--rp-warning); }
.respira-v71 .cs-agent-state.s-offline { color: var(--rp-fg-dim); }
.respira-v71 .cs-agent-meta { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--rp-fg-muted); }
.respira-v71 .cs-agent-meta > div { display: flex; align-items: center; gap: 6px; }
.respira-v71 .cs-agent-k { font-family: var(--rp-font-mono); font-size: 10px; color: var(--rp-fg-dim); text-transform: uppercase; letter-spacing: .08em; min-width: 50px; }
.respira-v71 .cs-agent-actions { display: flex; gap: 6px; }
.respira-v71 .cs-danger { color: var(--rp-error) !important; border-color: rgba(244,63,94,.2) !important; }
.respira-v71 .cs-danger:hover { background: rgba(244,63,94,.06) !important; }
.respira-v71 .cs-agent-add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 20px 16px; background: transparent; border: 1.5px dashed var(--rp-border); border-radius: 10px; cursor: pointer; font-family: inherit; color: var(--rp-fg-muted); transition: all .15s; }
.respira-v71 .cs-agent-add:hover { border-color: var(--rp-fg-subtle); color: var(--rp-fg); background: var(--rp-surface); }
.respira-v71 .cs-agent-add-plus { font-size: 22px; font-weight: 300; line-height: 1; }
.respira-v71 .cs-agent-add-t { font-size: 13px; font-weight: 600; }
.respira-v71 .cs-agent-add-d { font-size: 11.5px; color: var(--rp-fg-muted); text-align: center; }
.respira-v71 .cs-hub-cta { display: flex; align-items: flex-start; gap: 16px; padding: 20px 22px; background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 12px; }
.respira-v71 .cs-hub-cta-eb { font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-fg-dim); margin-bottom: 4px; }
.respira-v71 .cs-hub-cta-b h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: var(--rp-fg); }
.respira-v71 .cs-hub-cta-b p { margin: 0; font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; }

/* Polished add-ons CTA: thin top divider + accent text link with arrow.
 * Replaces the older ghost-button bottom-aligned action on Add-ons cards.
 * Hover slides the arrow right + brightens the link. */
.respira-v71 .addon-cta-row { display: flex; }
.respira-v71 .addon-cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11.5px; font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  padding: 2px 0;
  transition: opacity .15s ease;
  opacity: .9;
}
.respira-v71 .addon-cta-arrow {
  display: inline-block;
  transition: transform .15s ease;
  font-weight: 500;
}
.respira-v71 .addon-cta:hover { opacity: 1; text-decoration: none; }
.respira-v71 .addon-cta:hover .addon-cta-arrow { transform: translateX(3px); }
.respira-v71 .addon-cta:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 3px;
}

.respira-v71 .cs-skills-card { padding: 22px 24px; border: 1px solid var(--rp-border); background: linear-gradient(135deg, rgba(168,85,247,.06), rgba(168,85,247,.01)); border-radius: 14px; margin-top: 8px; grid-column: 1 / -1; }
.respira-v71 .cs-skills-eb { font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #a855f7; margin-bottom: 8px; }
.respira-v71 .cs-skills-b h3 { font-family: var(--rp-font-display, var(--rp-font-serif, serif)); font-size: 22px; font-weight: 500; letter-spacing: -0.02em; color: var(--rp-fg); margin: 0 0 8px; }
.respira-v71 .cs-skills-b > p { font-size: 13px; color: var(--rp-fg-muted); margin: 0 0 18px; line-height: 1.55; max-width: 640px; }
.respira-v71 .cs-skills-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 760px) { .respira-v71 .cs-skills-paths { grid-template-columns: 1fr; } }
.respira-v71 .cs-skills-path { padding: 14px 16px; border: 1px solid var(--rp-border); background: var(--rp-surface-raised, var(--rp-surface)); border-radius: 10px; display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .cs-skills-path-h { font-size: 13px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .cs-skills-path-d { font-size: 12px; color: var(--rp-fg-muted); margin: 0; line-height: 1.5; }
.respira-v71 .cs-skills-cmd { font-family: var(--rp-font-mono); font-size: 11px; background: rgba(0,0,0,.32); color: #c4b5fd; border: 1px solid rgba(168,85,247,.18); padding: 8px 10px; border-radius: 6px; margin: 6px 0 0; overflow-x: auto; white-space: nowrap; }
.respira-v71 .cs-skills-cmd code { background: transparent; color: inherit; font-size: inherit; }
.respira-v71 .cs-skills-path .btn { align-self: flex-start; margin-top: 4px; }


.respira-v71 .cs-hubnote { display: flex; flex-direction: column; gap: 4px; padding: 10px 14px; background: rgba(16,185,129,.06); border: 1px solid rgba(16,185,129,.2); border-radius: 8px; }
.respira-v71 .cs-hubnote-eb { display: flex; align-items: center; gap: 5px; font-family: var(--rp-font-mono); font-size: 10.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-emerald-400); }
.respira-v71 .cs-hubnote-b { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; }
.respira-v71 .cs-hubnote-b a { color: var(--rp-emerald-400); text-decoration: none; }
.respira-v71 .cs-hubnote-b a:hover { text-decoration: underline; }


.respira-v71 .logo-upload-area {
  display: flex; align-items: center; gap: 16px;
  padding: 16px; border-radius: 10px;
  background: var(--rp-surface-elevated); border: 1px solid var(--rp-border);
}
.respira-v71 .logo-preview {
  width: 64px; height: 64px; border-radius: 10px; object-fit: cover;
  background: var(--rp-surface-overlay); border: 1px solid var(--rp-border);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  overflow: hidden;
}
.respira-v71 .logo-preview img { width: 100%; height: 100%; object-fit: cover; }
.respira-v71 .logo-preview-placeholder { font-size: 22px; color: var(--rp-fg-dim); }
.respira-v71 .logo-upload-actions { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .logo-upload-url { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-dim); max-width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.respira-v71 .token-hub-badge {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--rp-font-mono); font-size: 9.5px; font-weight: 700;
  padding: 1px 6px; border-radius: 4px;
  background: rgba(16,185,129,.08); color: var(--rp-emerald-400);
  border: 1px solid rgba(16,185,129,.2); letter-spacing: .06em;
}

.respira-v71 .slc-logo { width: 48px; height: 48px; border-radius: 10px; object-fit: cover; border: 1px solid var(--rp-border); flex-shrink: 0; }



/* ===== main2.css ===== */



.respira-v71 .welcome-overlay {
  position: fixed; inset: 0; z-index: 100;
  background: rgba(7,10,13,.88); backdrop-filter: blur(20px);
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px; overflow-y: auto;
  animation: fade-in 250ms ease-out;
}
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }

.respira-v71 .welcome {
  position: relative;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border-strong);
  border-radius: 24px; padding: 56px 56px 36px;
  width: 100%; max-width: 720px;
  text-align: center;
  box-shadow: 0 32px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(16,185,129,.15);
  overflow: hidden;
}
.respira-v71 .welcome::before {
  content: ""; position: absolute; left: 50%; top: -120px; transform: translateX(-50%);
  width: 320px; height: 320px;
  background: radial-gradient(circle, rgba(16,185,129,.18), transparent 70%);
  pointer-events: none;
}
.respira-v71 .welcome .close {
  position: absolute; top: 18px; right: 18px;
  width: 32px; height: 32px; border-radius: 8px;
  color: var(--rp-fg-muted); display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.04);
}
.respira-v71 .welcome .close:hover { color: var(--rp-fg); background: rgba(255,255,255,.08); }

.respira-v71 .welcome .mark-big {
  width: 64px; height: 64px; border-radius: 14px; margin: 0 auto 24px; position: relative; display: block; object-fit: contain;
  filter: drop-shadow(0 0 18px rgba(16,185,129,.4));
  animation: rp-breath 3s ease-in-out infinite;
}
.respira-v71 .welcome h1 {
  font-size: 40px; font-weight: 700; letter-spacing: -0.035em;
  line-height: 1.05; margin: 0 0 16px;
}
.respira-v71 .welcome h1 .grad {
  font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500;
  background: linear-gradient(120deg, var(--rp-emerald-300) 0%, var(--rp-emerald-500) 60%, #faf3e0 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  letter-spacing: -0.02em;
}
.respira-v71 .welcome .sub { font-size: 15.5px; color: var(--rp-fg-muted); max-width: 540px; margin: 0 auto 32px; line-height: 1.55; }

.respira-v71 .welcome .opts {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 28px;
  text-align: left;
}
.respira-v71 .welcome .opt {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 14px; padding: 18px 20px;
  transition: all 200ms ease-out; position: relative;
}
.respira-v71 .welcome .opt:hover { border-color: var(--rp-border-strong); }
.respira-v71 .welcome .opt.selected {
  border-color: var(--rp-emerald-500);
  background: linear-gradient(135deg, rgba(16,185,129,.08), var(--rp-surface));
  box-shadow: 0 0 0 1px rgba(16,185,129,.5), var(--rp-glow-emerald);
}
.respira-v71 .welcome .opt h3 {
  font-size: 16px; font-weight: 600; margin: 0 0 6px;
  display: flex; align-items: center; justify-content: space-between;
  letter-spacing: -0.01em;
}
.respira-v71 .welcome .opt p { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; margin: 0; }
.respira-v71 .welcome .opt .check {
  width: 18px; height: 18px; border-radius: 50%;
  border: 1.5px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .welcome .opt.selected .check { background: var(--rp-emerald-500); border-color: var(--rp-emerald-500); }

.respira-v71 .welcome .actions { display: flex; align-items: center; justify-content: center; gap: 16px; }
.respira-v71 .welcome .skip { color: var(--rp-fg-muted); font-size: 13px; padding: 10px 14px; }
.respira-v71 .welcome .skip:hover { color: var(--rp-fg); }


.respira-v71 .stepper {
  display: flex; align-items: center; gap: 0;
  padding: 8px 24px; background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 12px; margin-bottom: 4px;
}
.respira-v71 .step { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; }
.respira-v71 .step:last-child { flex: 0 0 auto; }
.respira-v71 .step .step-n {
  width: 28px; height: 28px; border-radius: 50%; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--rp-font-mono); font-size: 12px; font-weight: 600;
  background: var(--rp-surface-overlay); color: var(--rp-fg-subtle);
  border: 1px solid var(--rp-border-strong);
}
.respira-v71 .step.active .step-n {
  background: var(--rp-emerald-500); color: #000; border-color: var(--rp-emerald-500);
  box-shadow: 0 0 0 4px rgba(16,185,129,.18);
}
.respira-v71 .step.done .step-n { background: var(--rp-emerald-950); color: var(--rp-emerald-400); border-color: var(--rp-emerald-500); }
.respira-v71 .step .step-label { font-size: 13px; color: var(--rp-fg-muted); white-space: nowrap; }
.respira-v71 .step.active .step-label, .respira-v71 .step.done .step-label { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .step .step-bar {
  flex: 1; height: 1px; background: var(--rp-border-strong);
  margin: 0 8px; position: relative; overflow: hidden;
}
.respira-v71 .step.done .step-bar::after { content: ""; position: absolute; inset: 0; background: var(--rp-emerald-500); }


.respira-v71 .connect .step-title { font-size: 22px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 6px; }
.respira-v71 .connect .step-sub { font-size: 14px; color: var(--rp-fg-muted); margin: 0 0 24px; line-height: 1.5; }

.respira-v71 .agent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.respira-v71 .agent-card {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px; border-radius: 12px;
  border: 1px solid var(--rp-border); background: var(--rp-surface-overlay);
  text-align: left; transition: all 150ms;
}
.respira-v71 .agent-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .agent-card.selected {
  border-color: var(--rp-emerald-500);
  background: linear-gradient(135deg, rgba(16,185,129,.08), var(--rp-surface-overlay));
  box-shadow: 0 0 0 1px rgba(16,185,129,.4);
}
.respira-v71 .agent-logo {
  width: 40px; height: 40px; border-radius: 10px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--rp-font-mono); font-weight: 700; font-size: 14px; color: #000;
}
.respira-v71 .agent-card-name { font-size: 14px; font-weight: 600; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
.respira-v71 .agent-card-desc { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.4; }

.respira-v71 .scope-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.respira-v71 .scope-card {
  padding: 16px 18px; border-radius: 12px;
  border: 1px solid var(--rp-border); background: var(--rp-surface-overlay);
  text-align: left; transition: all 150ms; cursor: pointer;
}
.respira-v71 .scope-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .scope-card.selected {
  border-color: var(--rp-emerald-500); background: rgba(16,185,129,.05);
  box-shadow: 0 0 0 1px rgba(16,185,129,.4);
}
.respira-v71 .scope-h { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.respira-v71 .scope-radio {
  width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center; flex: 0 0 auto;
}
.respira-v71 .scope-card.selected .scope-radio { border-color: var(--rp-emerald-500); }
.respira-v71 .scope-card.selected .scope-radio span { width: 8px; height: 8px; border-radius: 50%; background: var(--rp-emerald-500); }
.respira-v71 .scope-name { font-size: 14px; font-weight: 600; flex: 1; }
.respira-v71 .scope-desc { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.5; margin-bottom: 10px; }
.respira-v71 .scope-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.respira-v71 .scope-tags span {
  font-size: 10px; padding: 2px 6px; border-radius: 4px;
  background: rgba(16,185,129,.08); color: var(--rp-emerald-400);
}

.respira-v71 .step-foot {
  display: flex; gap: 10px; justify-content: flex-end;
  margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--rp-border);
}
.respira-v71 .step-foot .btn.ghost { margin-right: auto; }


.respira-v71 .code-block {
  position: relative; background: var(--rp-bg); border: 1px solid var(--rp-border);
  border-radius: 10px; padding: 16px 20px;
  font-family: var(--rp-font-mono); font-size: 13px; color: var(--rp-emerald-300);
  margin: 12px 0; word-break: break-all;
}
.respira-v71 .code-block code { font-family: inherit; padding-right: 80px; display: block; }
.respira-v71 .code-block .copy {
  position: absolute; top: 8px; right: 8px;
  padding: 6px 10px; border-radius: 6px;
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
  font-family: var(--rp-font-sans); font-size: 12px; font-weight: 500;
  border: 1px solid var(--rp-border);
}
.respira-v71 .code-block .copy:hover { color: var(--rp-emerald-400); border-color: rgba(16,185,129,.3); }


.respira-v71 .handshake { display: flex; flex-direction: column; gap: 6px; margin-top: 20px; }
.respira-v71 .hs-row {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; border-radius: 10px;
  background: var(--rp-surface-overlay); border: 1px solid var(--rp-border);
  font-size: 13px; color: var(--rp-fg-muted);
  transition: all 250ms;
}
.respira-v71 .hs-row.active { color: var(--rp-fg); border-color: rgba(16,185,129,.25); }
.respira-v71 .hs-row .hs-mark {
  width: 22px; height: 22px; border-radius: 50%; flex: 0 0 auto;
  background: var(--rp-surface); border: 1px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-subtle);
}
.respira-v71 .hs-row.active .hs-mark { background: var(--rp-emerald-500); border-color: var(--rp-emerald-500); color: #000; }
.respira-v71 .hs-time { margin-left: auto; font-size: 11px; color: var(--rp-fg-subtle); }
.respira-v71 .spin {
  width: 12px; height: 12px; border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,.2); border-top-color: var(--rp-emerald-500);
  animation: spin 800ms linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }


.respira-v71 .tab-bar {
  display: flex; gap: 4px; align-items: center;
  border-bottom: 1px solid var(--rp-border);
  margin-bottom: -8px;
}
.respira-v71 .tab {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-bottom: 2px solid transparent;
  color: var(--rp-fg-muted); font-size: 13.5px; font-weight: 500;
  margin-bottom: -1px;
}
.respira-v71 .tab:hover { color: var(--rp-fg); }
.respira-v71 .tab.active { color: var(--rp-emerald-400); border-bottom-color: var(--rp-emerald-500); }


.respira-v71 .log-filters { display: flex; gap: 6px; align-items: center; margin-bottom: 16px; }
.respira-v71 .search {
  display: flex; align-items: center; gap: 8px;
  padding: 0 12px; height: 36px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border-strong); border-radius: 8px;
  flex: 1; max-width: 360px;
  color: var(--rp-fg-muted);
}
.respira-v71 .search input {
  flex: 1; background: none; border: none; outline: none;
  color: var(--rp-fg); font-size: 13px;
}
.respira-v71 .search input::placeholder { color: var(--rp-fg-subtle); }
.respira-v71 .filter {
  padding: 7px 12px; border-radius: 8px; font-size: 12px;
  font-family: var(--rp-font-mono); color: var(--rp-fg-muted); text-transform: lowercase;
  background: transparent;
}
.respira-v71 .filter.active { background: rgba(16,185,129,.1); color: var(--rp-emerald-400); }
.respira-v71 .filter:hover:not(.active) { background: var(--rp-surface-overlay); color: var(--rp-fg); }

.respira-v71 .log-table { display: flex; flex-direction: column; }
.respira-v71 .log-row {
  display: grid; grid-template-columns: 74px 72px minmax(120px, .8fr) minmax(180px, 1.1fr) minmax(120px, .9fr) 74px 72px 32px;
  gap: 10px; align-items: center;
  padding: 10px 0; border-bottom: 1px solid var(--rp-border); font-size: 12px;
}
.respira-v71 .log-row:last-child { border-bottom: none; }
.respira-v71 .log-row > * { min-width: 0; }
.respira-v71 .log-row .t { color: var(--rp-fg-subtle); font-size: 11px; }
.respira-v71 .scope-chip {
  font-family: var(--rp-font-mono); font-size: 10px; font-weight: 600; text-transform: uppercase;
  letter-spacing: .08em; padding: 3px 8px; border-radius: 4px; text-align: center;
  display: inline-block;
}
.respira-v71 .scope-chip.read { background: rgba(56,189,248,.12); color: var(--rp-info); }
.respira-v71 .scope-chip.write { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .scope-chip.deny { background: rgba(244,63,94,.12); color: var(--rp-error); }
.respira-v71 .scope-chip.preview { background: rgba(168,85,247,.12); color: #c4b5fd; }
.respira-v71 .scope-chip.approve { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); }
.respira-v71 .scope-chip.rollback { background: rgba(251,146,60,.12); color: #fdba74; }
.respira-v71 .log-row .agent,
.respira-v71 .log-row .action {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.respira-v71 .log-row .agent { font-weight: 500; color: var(--rp-fg); }
.respira-v71 .log-row .action { color: var(--rp-fg-muted); }
.respira-v71 .log-row .target { color: var(--rp-fg); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.respira-v71 .log-row .diff { color: var(--rp-fg-subtle); font-size: 11px; text-align: right; }

@media (max-width: 1180px) {
  .respira-v71 .log-row {
    grid-template-columns: 64px 68px minmax(92px, .8fr) minmax(140px, 1fr) minmax(96px, .8fr) 58px 32px;
  }
  .respira-v71 .log-row .diff { display: none; }
}

.respira-v71 .rollback-list { margin-top: 14px; display: flex; flex-direction: column; }
.respira-v71 .rb-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .rb-row:last-child { border-bottom: none; }
.respira-v71 .rb-icon {
  width: 36px; height: 36px; border-radius: 10px; flex: 0 0 auto;
  background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2);
  display: flex; align-items: center; justify-content: center; color: var(--rp-warning);
}
.respira-v71 .rb-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.respira-v71 .rb-action { font-size: 14px; font-weight: 500; color: var(--rp-fg); }
.respira-v71 .rb-meta { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }


.respira-v71 .skills-toolbar {
  display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
  padding: 12px 0;
}
.respira-v71 .chip-row { display: flex; gap: 6px; flex-wrap: wrap; }
.respira-v71 .chip {
  padding: 5px 10px; border-radius: 999px; font-size: 12px;
  background: var(--rp-surface-overlay); color: var(--rp-fg-muted);
  border: 1px solid var(--rp-border); text-transform: capitalize;
}
.respira-v71 .chip.active { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); border-color: rgba(16,185,129,.3); }

.respira-v71 .skills-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.respira-v71 .skill-card {
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 14px; padding: 18px 20px;
  display: flex; flex-direction: column; gap: 12px;
  transition: all 150ms;
}
.respira-v71 .skill-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .skill-h { display: flex; align-items: flex-start; gap: 12px; }
.respira-v71 .skill-icon {
  width: 32px; height: 32px; border-radius: 8px; flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
}
.respira-v71 .skill-icon.cat-database { background: rgba(56,189,248,.12); color: var(--rp-info); }
.respira-v71 .skill-icon.cat-content { background: rgba(167,139,250,.12); color: var(--rp-violet); }
.respira-v71 .skill-icon.cat-seo { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .skill-icon.cat-commerce { background: rgba(244,63,94,.12); color: var(--rp-error); }
.respira-v71 .skill-name { font-size: 14px; font-weight: 600; color: var(--rp-fg); display: flex; align-items: center; gap: 8px; }
.respira-v71 .off-tag {
  font-family: var(--rp-font-mono); font-size: 9px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 1px 6px; border-radius: 4px;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
}
.respira-v71 .skill-meta { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }
.respira-v71 .skill-desc { font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5; margin: 0; }
.respira-v71 .skill-scopes { display: flex; flex-wrap: wrap; gap: 4px; }
.respira-v71 .scope-chip-sm {
  font-size: 10px; padding: 2px 6px; border-radius: 4px;
  background: rgba(255,255,255,.04); color: var(--rp-fg-muted);
}
.respira-v71 .skill-foot {
  display: flex; gap: 8px; justify-content: flex-end;
  padding-top: 4px;
}
.respira-v71 .skill-foot .btn.ghost:first-child { margin-right: auto; }


.respira-v71 .toggle { display: inline-block; cursor: pointer; flex: 0 0 auto; }
.respira-v71 .toggle input { display: none; }
.respira-v71 .toggle .track {
  display: block; width: 36px; height: 20px; border-radius: 999px;
  background: var(--rp-surface-overlay); border: 1px solid var(--rp-border-strong);
  position: relative; transition: all 150ms;
}
.respira-v71 .toggle .track::after {
  content: ""; position: absolute; top: 2px; left: 2px;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--rp-fg-subtle); transition: all 150ms;
}
.respira-v71 .toggle input:checked + .track {
  background: var(--rp-emerald-500); border-color: var(--rp-emerald-500);
}
.respira-v71 .toggle input:checked + .track::after {
  transform: translateX(16px); background: #fff;
}


.respira-v71 .settings-layout { display: grid; grid-template-columns: 200px 1fr; gap: 24px; }
.respira-v71 .settings-nav {
  display: flex; flex-direction: column; gap: 2px;
  position: sticky; top: 56px; height: fit-content;
}
.respira-v71 .s-nav-item {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-radius: 8px; font-size: 13.5px;
  color: var(--rp-fg-muted); text-align: left; transition: all 150ms;
}
.respira-v71 .s-nav-item:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }
.respira-v71 .s-nav-item.active { background: rgba(16,185,129,.1); color: var(--rp-emerald-400); }
.respira-v71 .settings-body { display: flex; flex-direction: column; gap: 16px; }

.respira-v71 .setting-row {
  display: flex; align-items: center; gap: 24px; justify-content: space-between;
  padding: 14px 0; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .setting-row:last-child { border-bottom: none; padding-bottom: 0; }
.respira-v71 .setting-row:first-child { padding-top: 0; }
.respira-v71 .setting-label { font-size: 14px; font-weight: 500; color: var(--rp-fg); margin-bottom: 3px; }
.respira-v71 .setting-desc { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; max-width: 460px; }
.respira-v71 .setting-row.danger .setting-label { color: var(--rp-error); }

.respira-v71 .rp-input {
  height: 36px; padding: 0 12px; min-width: 220px;
  background: var(--rp-surface-overlay); border: 1px solid var(--rp-border-strong);
  border-radius: 8px; color: var(--rp-fg); font-size: 13px;
}
.respira-v71 .rp-input:focus {
  outline: none; border-color: var(--rp-emerald-500);
  box-shadow: 0 0 0 2px rgba(16,185,129,.15);
}


.respira-v71 .mode-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px; }
.respira-v71 .mode-card {
  text-align: left; padding: 16px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 14px; transition: all 200ms; position: relative;
}
.respira-v71 .mode-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .mode-card.selected {
  border-color: var(--rp-emerald-500);
  box-shadow: 0 0 0 1px rgba(16,185,129,.4), var(--rp-glow-emerald);
}
.respira-v71 .mode-card .mode-h { font-size: 15px; font-weight: 600; margin: 12px 0 4px; display: flex; justify-content: space-between; align-items: center; }
.respira-v71 .mode-card p { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; margin: 0; }
.respira-v71 .mode-card .mode-check {
  width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .mode-card.selected .mode-check { background: var(--rp-emerald-500); border-color: var(--rp-emerald-500); }

.respira-v71 .mode-preview {
  height: 130px; border-radius: 10px; padding: 12px;
  position: relative; overflow: hidden;
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .mode-preview.standard {
  background: linear-gradient(135deg, #0b1017, #161e28);
  border: 1px solid #243042;
}
.respira-v71 .mode-preview.classic {
  background: #f0f0f1; border: 1px solid #c3c4c7;
}
.respira-v71 .mp-bar { height: 8px; border-radius: 4px; background: rgba(16,185,129,.5); width: 30%; }
.respira-v71 .mp-bar.c { background: #2271b1; }
.respira-v71 .mp-stat { display: flex; flex-direction: column; gap: 4px; }
.respira-v71 .mp-stat .mp-eb { height: 4px; width: 24px; background: rgba(16,185,129,.6); border-radius: 2px; }
.respira-v71 .mp-stat .mp-num { height: 12px; width: 40%; background: #fff; border-radius: 3px; opacity: .8; }
.respira-v71 .mp-stat .mp-eb.c { background: #50575e; }
.respira-v71 .mp-stat .mp-num.c { background: #1d2327; }
.respira-v71 .mp-row { height: 6px; border-radius: 3px; background: rgba(255,255,255,.1); }
.respira-v71 .mp-row.short { width: 60%; }
.respira-v71 .mp-row.c { background: #c3c4c7; }
.respira-v71 .mp-glow {
  position: absolute; right: -20px; bottom: -20px; width: 80px; height: 80px;
  background: radial-gradient(circle, rgba(16,185,129,.35), transparent 70%);
}


.respira-v71 .seg {
  display: inline-flex; padding: 3px;
  background: var(--rp-surface-overlay); border-radius: 8px;
  border: 1px solid var(--rp-border);
}
.respira-v71 .seg button {
  padding: 6px 12px; font-size: 12px; border-radius: 6px;
  color: var(--rp-fg-muted); font-weight: 500;
}
.respira-v71 .seg button.active { background: var(--rp-surface); color: var(--rp-fg); box-shadow: 0 1px 2px rgba(0,0,0,.3); }


.respira-v71 .policy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }


.respira-v71 .protect-list { display: flex; flex-wrap: wrap; gap: 6px; }
.respira-v71 .protect-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 6px;
  background: rgba(244,63,94,.06); border: 1px solid rgba(244,63,94,.2);
  font-size: 11.5px; color: var(--rp-fg);
}
.respira-v71 .protect-chip .icon { color: var(--rp-error); }
.respira-v71 .protect-add {
  padding: 5px 10px; border-radius: 6px; font-size: 11.5px;
  background: transparent; border: 1px dashed var(--rp-border-strong); color: var(--rp-fg-muted);
  display: inline-flex; align-items: center; gap: 6px;
}
.respira-v71 .protect-add:hover { color: var(--rp-fg); border-color: var(--rp-emerald-500); }


.respira-v71 .token-list { display: flex; flex-direction: column; }
.respira-v71 .token-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 0; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .token-row:last-child { border-bottom: none; padding-bottom: 0; }
.respira-v71 .token-row:first-child { padding-top: 0; }
.respira-v71 .token-row .agent-logo.sm { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; color: var(--rp-emerald-400); }
.respira-v71 .token-key { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }
.respira-v71 .token-meta { text-align: right; font-size: 11px; color: var(--rp-fg-muted); }


.respira-v71 .legend { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--rp-fg-muted); font-family: var(--rp-font-mono); margin-left: 12px; }
.respira-v71 .legend .dot { width: 8px; height: 8px; border-radius: 50%; }
.respira-v71 .legend .dot.rp-emerald { background: var(--rp-emerald-500); }
.respira-v71 .legend .dot.rp-amber { background: var(--rp-warning); }
.respira-v71 .legend .dot.rp-rose { background: var(--rp-error); }
.respira-v71 .chart-wrap { width: 100%; }
.respira-v71 .chart { width: 100%; height: 220px; }

.respira-v71 .ba-list { display: flex; flex-direction: column; gap: 14px; }
.respira-v71 .ba-row .ba-h { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; font-size: 13px; }
.respira-v71 .ba-dot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; }
.respira-v71 .ba-name { flex: 1; }
.respira-v71 .ba-pct { color: var(--rp-fg); font-weight: 600; font-size: 12px; }
.respira-v71 .ba-tokens { color: var(--rp-fg-muted); font-size: 11px; min-width: 50px; text-align: right; }
.respira-v71 .ba-bar { height: 6px; background: var(--rp-surface-overlay); border-radius: 3px; overflow: hidden; }
.respira-v71 .ba-bar > div { height: 100%; border-radius: 3px; transition: width 600ms; }

.respira-v71 .topact-list { display: flex; flex-direction: column; gap: 8px; }
.respira-v71 .topact-row { display: grid; grid-template-columns: 50px 110px 1fr 50px; gap: 10px; align-items: center; font-size: 12.5px; }
.respira-v71 .topact-label { color: var(--rp-fg); }
.respira-v71 .topact-bar { height: 4px; background: var(--rp-surface-overlay); border-radius: 2px; overflow: hidden; }
.respira-v71 .topact-bar > div { height: 100%; background: var(--rp-emerald-500); border-radius: 2px; opacity: .6; }
.respira-v71 .topact-n { text-align: right; color: var(--rp-fg-muted); }

.respira-v71 .anomaly-list { display: flex; flex-direction: column; }
.respira-v71 .anom-row {
  display: grid; grid-template-columns: 110px 90px 1fr auto 140px; gap: 12px;
  align-items: center; padding: 10px 0; border-bottom: 1px solid var(--rp-border);
  font-size: 12.5px;
}
.respira-v71 .anom-row:last-child { border-bottom: none; }
.respira-v71 .anom-date { color: var(--rp-fg-subtle); font-size: 11px; }
.respira-v71 .anom-agent { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .anom-desc { color: var(--rp-fg-muted); }
.respira-v71 .anom-note { color: var(--rp-fg-subtle); font-size: 11px; text-align: right; }


.respira-v71 .sec-h { display: flex; align-items: center; justify-content: space-between; margin: 8px 0 12px; }
.respira-v71 .sec-h h2 { font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--rp-fg-muted); margin: 0; }


.respira-v71 .density-compact .stat { padding: 12px 14px; }
.respira-v71 .density-compact .stat .value { font-size: 24px; }
.respira-v71 .density-compact .quick { padding: 14px 16px 12px; }
.respira-v71 .density-compact .card-body { padding: 14px 18px; }
.respira-v71 .density-compact .card-h { padding: 12px 18px; }
.respira-v71 .density-compact .agent-row { padding: 10px 0; }
.respira-v71 .density-compact .skill-card { padding: 14px 16px; gap: 10px; }
.respira-v71 .density-compact .approval-row { padding: 10px 0; }





/* ===== main3.css ===== */



.respira-v71 .page-h h1 .it {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: var(--rp-fg-muted);
}
.respira-v71 .ui-classic .page-h h1 .it {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-weight: 500;
  color: #50575e;
}


.respira-v71 .settings-license-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(16,185,129,.10), transparent 60%),
    var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  position: relative;
  overflow: hidden;
}
.respira-v71 .settings-license-card::before {
  content: "";
  position: absolute; inset: 0 0 auto 0; height: 2px;
  background: linear-gradient(90deg, var(--rp-emerald-400), transparent 70%);
  opacity: .8;
}
.respira-v71 .slc-avatar {
  width: 44px; height: 44px; border-radius: 12px;
  background: linear-gradient(135deg, rgba(16,185,129,.35), rgba(16,185,129,.10));
  border: 1px solid rgba(16,185,129,.30);
  display: grid; place-items: center;
  font-family: "Alan Sans", system-ui, sans-serif;
  font-weight: 700; font-size: 18px; color: var(--rp-emerald-300, #6ee7b7);
}
.respira-v71 .slc-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.respira-v71 .slc-name { font-size: 15px; font-weight: 600; color: var(--rp-fg); display: flex; align-items: center; gap: 10px; }
.respira-v71 .slc-meta { font-size: 12px; color: var(--rp-fg-muted); display: flex; gap: 10px; flex-wrap: wrap; }
.respira-v71 .slc-meta .dot-sep { opacity: .5; }
.respira-v71 .slc-actions { display: flex; gap: 8px; align-items: center; }

.respira-v71 .settings-license-grid {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 14px; margin-top: 14px;
}
.respira-v71 .slg-cell {
  padding: 12px 14px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
}
.respira-v71 .slg-eb {
  font-family: var(--rp-font-mono);
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--rp-fg-muted); margin-bottom: 6px;
}
.respira-v71 .slg-val { font-size: 15px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .slg-sub { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }

.respira-v71 .ui-classic .settings-license-card {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: 0;
}
.respira-v71 .ui-classic .settings-license-card::before { background: #00a32a; opacity: 1; }
.respira-v71 .ui-classic .slc-avatar {
  background: #f0f6f1; border: 1px solid #00a32a; color: #008a23;
  border-radius: 0;
}
.respira-v71 .ui-classic .slc-name { color: #1d2327; }
.respira-v71 .ui-classic .slc-meta { color: #50575e; }
.respira-v71 .ui-classic .settings-license-grid .slg-cell {
  background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 0;
}
.respira-v71 .ui-classic .slg-val { color: #1d2327; }
.respira-v71 .ui-classic .slg-sub, .respira-v71 .ui-classic .slg-eb { color: #646970; }



.respira-v71 .lic-hero-card { overflow: hidden; }
.respira-v71 .lic-hero {
  display: grid; grid-template-columns: 360px 1fr; gap: 36px;
  padding: 32px 32px 28px;
  align-items: center;
  background:
    radial-gradient(circle at 20% 20%, rgba(16,185,129,.10), transparent 55%),
    radial-gradient(circle at 80% 70%, rgba(16,185,129,.06), transparent 55%);
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .lic-hero-mark {
  display: flex; align-items: center; gap: 12px;
  padding: 18px 14px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
}
.respira-v71 .lic-orb {
  width: 56px; height: 56px; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--rp-emerald-400), var(--rp-emerald-600));
  box-shadow: 0 0 24px rgba(16,185,129,.55), inset 0 -4px 10px rgba(0,0,0,.25);
  display: grid; place-items: center;
  flex: 0 0 auto;
}
.respira-v71 .lic-orb.pulse { animation: lic-pulse 1.6s ease-in-out infinite; }
@keyframes lic-pulse {
  0%, 100% { box-shadow: 0 0 24px rgba(16,185,129,.55), inset 0 -4px 10px rgba(0,0,0,.25); transform: scale(1); }
  50% { box-shadow: 0 0 36px rgba(16,185,129,.85), inset 0 -4px 10px rgba(0,0,0,.25); transform: scale(1.06); }
}
.respira-v71 .lic-arc {
  flex: 1; min-width: 24px;
  height: 2px; background: linear-gradient(90deg, transparent, var(--rp-emerald-500), transparent);
  border-radius: 2px;
  background-size: 200% 100%;
  animation: lic-arc-flow 1.8s linear infinite;
}
.respira-v71 .lic-arc-r { transform: scaleX(-1); }
@keyframes lic-arc-flow {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}
.respira-v71 .lic-hero-domain { flex: 0 0 auto; min-width: 110px; text-align: center; }
.respira-v71 .lic-hero-domain-label { font-size: 13px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .lic-hero-domain-sub { font-size: 10.5px; color: var(--rp-fg-subtle); margin-top: 2px; text-transform: uppercase; letter-spacing: .04em; }

.respira-v71 .lic-hero-copy .eb { margin-bottom: 8px; }
.respira-v71 .lic-hero-h { font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--rp-fg); margin: 0 0 10px; letter-spacing: -.01em; text-wrap: pretty; }
.respira-v71 .lic-hero-p { font-size: 14px; color: var(--rp-fg-muted); line-height: 1.55; margin: 0 0 18px; max-width: 56ch; text-wrap: pretty; }
.respira-v71 .lic-hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }

.respira-v71 .lic-handshake {
  padding: 22px 32px 26px;
  border-bottom: 1px solid var(--rp-border);
  background: rgba(16,185,129,.03);
}
.respira-v71 .lic-handshake-h {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: var(--rp-fg); font-weight: 600;
  margin-bottom: 14px;
}

.respira-v71 .lic-trust {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  padding: 0;
}
.respira-v71 .lic-trust-cell {
  display: flex; align-items: center; gap: 10px;
  padding: 16px 22px;
  font-size: 12.5px; color: var(--rp-fg-muted);
  border-right: 1px solid var(--rp-border);
}
.respira-v71 .lic-trust-cell:last-child { border-right: none; }
@media (max-width: 900px) {
  .respira-v71 .lic-hero { grid-template-columns: 1fr; }
  .respira-v71 .lic-trust { grid-template-columns: 1fr; }
  .respira-v71 .lic-trust-cell { border-right: none; border-bottom: 1px solid var(--rp-border); }
}


.respira-v71 .lic-account {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px; margin-bottom: 18px;
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.02));
  border: 1px solid rgba(16,185,129,.25);
  border-radius: 12px;
}
.respira-v71 .lic-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, var(--rp-emerald-400), var(--rp-emerald-600));
  color: #fff; font-weight: 700; font-size: 16px;
  box-shadow: 0 0 16px rgba(16,185,129,.4);
}
.respira-v71 .lic-account-body { flex: 1; min-width: 0; }
.respira-v71 .lic-account-name { font-size: 14px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .lic-account-email { font-size: 12px; color: var(--rp-fg-muted); margin-top: 2px; }

.respira-v71 .lic-grid {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
  margin-bottom: 18px;
}
.respira-v71 .lic-cell {
  padding: 12px 14px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
}
.respira-v71 .lic-cell-label { font-size: 11px; color: var(--rp-fg-subtle); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 6px; }
.respira-v71 .lic-cell-val { font-size: 14px; color: var(--rp-fg); font-weight: 600; line-height: 1.3; }
.respira-v71 .lic-cell-foot { font-size: 11.5px; color: var(--rp-fg-muted); margin-top: 6px; display: flex; align-items: center; gap: 6px; }


.respira-v71 .mcp-env {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  padding: 10px 12px;
  margin-top: 10px;
}
.respira-v71 .mcp-env-row {
  display: flex; align-items: center; gap: 10px;
  padding: 4px 0;
  font-size: 12px;
}
.respira-v71 .mcp-env-row + .mcp-env-row { border-top: 1px dashed var(--rp-border); padding-top: 8px; margin-top: 4px; }
.respira-v71 .mcp-env-key { color: var(--rp-fg); font-weight: 600; min-width: 140px; }
.respira-v71 .mcp-env-val { color: var(--rp-emerald-400); flex: 1; word-break: break-all; }
@media (max-width: 1100px) { .respira-v71 .lic-grid { grid-template-columns: repeat(2, 1fr); } }


.respira-v71 .setup-progress-card { padding: 18px 22px; }
.respira-v71 .setup-progress-h { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; font-size: 14px; }
.respira-v71 .setup-progress-h strong { font-size: 15px; font-weight: 700; }
.respira-v71 .setup-progress-sub { color: var(--rp-fg-muted); font-weight: 400; margin-left: 6px; }
.respira-v71 .setup-progress-pct { font-size: 13px; color: var(--rp-emerald-400); font-weight: 600; }
.respira-v71 .setup-progress-track { height: 4px; background: var(--rp-surface-overlay); border-radius: 2px; overflow: hidden; }
.respira-v71 .setup-progress-fill { height: 100%; background: linear-gradient(90deg, var(--rp-emerald-500), var(--rp-emerald-400)); transition: width .3s ease; box-shadow: 0 0 12px rgba(16,185,129,.4); }

.respira-v71 .setup-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0 22px; }
@media (max-width: 1100px) { .respira-v71 .setup-steps { grid-template-columns: repeat(2, 1fr); } }
.respira-v71 .setup-step {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  text-align: left;
  transition: all .15s;
  cursor: pointer;
}
.respira-v71 .setup-step:hover { border-color: var(--rp-border-strong); transform: translateY(-1px); }
.respira-v71 .setup-step.active { border-color: var(--rp-emerald-500); background: linear-gradient(180deg, rgba(16,185,129,.08), transparent); box-shadow: 0 0 0 1px rgba(16,185,129,.3) inset, 0 4px 12px rgba(16,185,129,.08); }
.respira-v71 .setup-step.done { border-color: rgba(16,185,129,.3); }
.respira-v71 .setup-step-n {
  width: 28px; height: 28px; border-radius: 50%;
  background: var(--rp-surface-overlay);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--rp-font-mono); font-size: 12px; font-weight: 600;
  color: var(--rp-fg-muted);
  flex-shrink: 0;
}
.respira-v71 .setup-step.active .setup-step-n { background: var(--rp-emerald-500); color: #fff; box-shadow: 0 0 12px rgba(16,185,129,.5); }
.respira-v71 .setup-step.done .setup-step-n { background: var(--rp-emerald-600); color: #fff; }
.respira-v71 .setup-step-body { flex: 1; min-width: 0; }
.respira-v71 .setup-step-title { font-size: 13px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .setup-step-desc { font-size: 11.5px; color: var(--rp-fg-muted); margin-top: 2px; line-height: 1.4; }
.respira-v71 .setup-step-time { font-size: 11px; color: var(--rp-fg-subtle); flex-shrink: 0; }

.respira-v71 .setup-field-row { display: flex; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--rp-border); gap: 16px; }
.respira-v71 .setup-field-row:last-child { border-bottom: none; }
.respira-v71 .setup-field-label { font-size: 13px; color: var(--rp-fg-muted); width: 160px; flex-shrink: 0; }
.respira-v71 .setup-field-block { padding: 10px 0 18px; }
.respira-v71 .setup-field-label-block { display: block; font-size: 13px; font-weight: 600; color: var(--rp-fg); margin-bottom: 8px; }
.respira-v71 .setup-field-help { font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.5; }
.respira-v71 .setup-key-display {
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  padding: 6px 10px; border-radius: 6px;
  font-size: 11px; color: var(--rp-emerald-400);
  word-break: break-all;
}
.respira-v71 .setup-actions-row { display: flex; gap: 10px; align-items: center; padding-top: 14px; flex-wrap: wrap; }

.respira-v71 .setup-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding: 18px 22px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  margin-top: 10px;
}
.respira-v71 .setup-foot-step { font-size: 12px; color: var(--rp-fg-muted); }

.respira-v71 .setup-link {
  display: inline-flex; align-items: center; gap: 4px;
  background: none; padding: 0;
  color: var(--rp-emerald-400); font-size: 12.5px; font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}
.respira-v71 .setup-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }
.respira-v71 .setup-link.inline { display: inline; padding: 0; }
.respira-v71 .setup-h3 { font-size: 14px; font-weight: 600; color: var(--rp-fg); margin: 0 0 12px; }


.respira-v71 .profile-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; }
@media (max-width: 1200px) { .respira-v71 .profile-grid { grid-template-columns: repeat(2, 1fr); } }
.respira-v71 .profile-card {
  text-align: left;
  padding: 14px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  cursor: pointer;
  transition: all .15s;
}
.respira-v71 .profile-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .profile-card.selected { border-color: var(--rp-emerald-500); background: linear-gradient(180deg, rgba(16,185,129,.05), transparent); }
.respira-v71 .profile-h { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.respira-v71 .profile-radio {
  width: 14px; height: 14px; border-radius: 50%;
  border: 1.5px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.respira-v71 .profile-card.selected .profile-radio { border-color: var(--rp-emerald-500); }
.respira-v71 .profile-radio span { width: 7px; height: 7px; border-radius: 50%; background: var(--rp-emerald-500); }
.respira-v71 .profile-name { font-size: 13px; font-weight: 600; }
.respira-v71 .profile-desc { font-size: 11.5px; color: var(--rp-fg-muted); line-height: 1.45; }


.respira-v71 .apikey-table { font-size: 12.5px; }
.respira-v71 .apikey-h, .respira-v71 .apikey-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.6fr 1fr 0.9fr 1.2fr;
  gap: 12px;
  padding: 10px 0;
  align-items: center;
}
.respira-v71 .apikey-h {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  border-bottom: 1px solid var(--rp-border); padding-bottom: 8px;
}
.respira-v71 .apikey-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .apikey-row:last-child { border-bottom: none; }
.respira-v71 .apikey-name { font-weight: 600; }
.respira-v71 .apikey-profile { color: var(--rp-fg-muted); }
.respira-v71 .apikey-prefix { color: var(--rp-fg-muted); font-size: 11px; }
.respira-v71 .apikey-meta { color: var(--rp-fg-subtle); font-size: 11px; }
.respira-v71 .apikey-actions { display: flex; gap: 10px; }
.respira-v71 .link-btn-sm {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 11.5px; color: var(--rp-emerald-400); padding: 0; background: none;
  cursor: pointer;
}
.respira-v71 .link-btn-sm:hover { color: var(--rp-emerald-300); }
.respira-v71 .link-btn-sm.danger { color: var(--rp-error); }
.respira-v71 .link-btn-sm.danger:hover { color: #fda4af; }


.respira-v71 .mcp-path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 1100px) { .respira-v71 .mcp-path-grid { grid-template-columns: 1fr; } }
.respira-v71 .mcp-path-card {
  text-align: left;
  padding: 18px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  cursor: pointer;
  transition: all .15s;
}
.respira-v71 .mcp-path-card:hover { border-color: var(--rp-border-strong); }
.respira-v71 .mcp-path-card.selected { border-color: var(--rp-emerald-500); background: linear-gradient(180deg, rgba(16,185,129,.05), transparent); }
.respira-v71 .mcp-path-h { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.respira-v71 .mcp-path-name { font-size: 15px; font-weight: 700; }
.respira-v71 .mcp-path-desc { font-size: 13px; color: var(--rp-fg); margin: 0 0 6px; }
.respira-v71 .mcp-path-meta { font-size: 12px; color: var(--rp-fg-muted); margin: 0; line-height: 1.5; }
.respira-v71 .mcp-env { margin-top: 12px; }


.respira-v71 .setup-troubleshoot {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 14px 18px;
  margin: 6px 0;
}
.respira-v71 .setup-troubleshoot summary {
  font-size: 13px; font-weight: 600; cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  list-style: none;
}
.respira-v71 .setup-troubleshoot summary::-webkit-details-marker { display: none; }
.respira-v71 .setup-troubleshoot[open] summary { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--rp-border); }
.respira-v71 .setup-troubleshoot-body ul { margin: 0; padding-left: 20px; font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.7; }


.respira-v71 .health-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; }
.respira-v71 .health-label { font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--rp-fg-subtle); margin-bottom: 4px; }
.respira-v71 .health-val { font-size: 14px; font-weight: 600; color: var(--rp-fg); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }


.respira-v71 .active-theme {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 18px;
}
.respira-v71 .active-theme-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 18px; }

.respira-v71 .builder-list { font-size: 12.5px; }
.respira-v71 .builder-h, .respira-v71 .builder-row {
  display: grid;
  grid-template-columns: 1.5fr 1.3fr 1fr 1.1fr;
  gap: 16px;
  padding: 12px 0;
  align-items: center;
}
.respira-v71 .builder-h {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  border-bottom: 1px solid var(--rp-border); padding-bottom: 8px;
}
.respira-v71 .builder-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .builder-row:last-child { border-bottom: none; }
.respira-v71 .builder-row.off .builder-name { color: var(--rp-fg-muted); }
.respira-v71 .builder-name { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.respira-v71 .builder-status.on { color: var(--rp-emerald-400); }
.respira-v71 .builder-status.off { color: var(--rp-fg-muted); cursor: pointer; text-decoration: underline; text-decoration-style: dotted; }
.respira-v71 .builder-pages { color: var(--rp-fg-muted); font-size: 11.5px; }

.respira-v71 .cap-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; font-size: 13px; }
.respira-v71 .cap-list li { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.respira-v71 .cap-list svg { margin-top: 2px; flex-shrink: 0; }

.respira-v71 .cursor-prompt-list { display: flex; flex-direction: column; gap: 10px; }
.respira-v71 .cursor-prompt {
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  padding: 12px 14px;
}
.respira-v71 .cursor-prompt-t {
  font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600; margin-bottom: 6px;
}
.respira-v71 .cursor-prompt-body { font-size: 12.5px; color: var(--rp-fg); line-height: 1.5; }

.respira-v71 .builder-pages-list { display: flex; flex-direction: column; gap: 8px; }
.respira-v71 .builder-page-row {
  display: grid; grid-template-columns: 2.2fr 1.4fr 0.8fr 1fr;
  gap: 12px; align-items: center;
  padding: 10px 12px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  font-size: 12.5px;
}
.respira-v71 .builder-page-title { font-weight: 600; }
.respira-v71 .builder-page-url { color: var(--rp-fg-muted); font-size: 11px; }

.respira-v71 .hiw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
@media (max-width: 1100px) { .respira-v71 .hiw-grid { grid-template-columns: repeat(2, 1fr); } }
.respira-v71 .hiw-step {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  padding: 16px;
  position: relative;
}
.respira-v71 .hiw-n {
  font-family: var(--rp-font-mono); font-size: 11px;
  width: 24px; height: 24px; border-radius: 50%;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; margin-bottom: 10px;
}
.respira-v71 .hiw-t { font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.respira-v71 .hiw-d { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.5; }


.respira-v71 .prompts-toolbar {
  display: flex; flex-direction: column; gap: 12px;
  margin-bottom: 18px;
}
.respira-v71 .search.wide {
  width: 100%;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .search.wide input {
  border: none; background: none; outline: none; flex: 1;
  color: var(--rp-fg); font-size: 13.5px;
}
.respira-v71 .search.wide input::placeholder { color: var(--rp-fg-subtle); }

.respira-v71 .chip-row { display: flex; gap: 6px; flex-wrap: wrap; }
.respira-v71 .chip {
  padding: 6px 12px; border-radius: 999px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  font-size: 12px; color: var(--rp-fg-muted); font-weight: 500;
  cursor: pointer; transition: all .12s;
}
.respira-v71 .chip:hover { border-color: var(--rp-border-strong); color: var(--rp-fg); }
.respira-v71 .chip.active { background: rgba(16,185,129,.1); border-color: var(--rp-emerald-500); color: var(--rp-emerald-400); }

.respira-v71 .prompt-group-card { overflow: hidden; }
.respira-v71 .prompt-group-h {
  padding: 16px 22px;
  border-left: 3px solid;
  border-bottom: 1px solid var(--rp-border);
  display: flex; align-items: center; justify-content: space-between;
  background: linear-gradient(90deg, rgba(255,255,255,.02), transparent);
}
.respira-v71 .prompt-group-eb { font-size: 10.5px; letter-spacing: .14em; font-weight: 600; }
.respira-v71 .prompt-group-title { font-size: 18px; font-weight: 700; margin: 4px 0 0; font-family: var(--rp-font-sans); }
.respira-v71 .prompt-group-count { font-size: 11px; color: var(--rp-fg-muted); }

.respira-v71 .prompt-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  padding: 18px 22px;
}
@media (max-width: 1100px) { .respira-v71 .prompt-grid { grid-template-columns: 1fr; } }
.respira-v71 .prompt-card {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 16px;
  display: flex; flex-direction: column; gap: 8px;
  transition: all .15s;
}
.respira-v71 .prompt-card:hover { border-color: var(--rp-border-strong); transform: translateY(-1px); box-shadow: var(--rp-shadow-card); }
.respira-v71 .prompt-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.respira-v71 .prompt-card-name { font-size: 13.5px; font-weight: 600; margin: 0; line-height: 1.35; flex: 1; }
.respira-v71 .prompt-card-copy {
  font-size: 11px; color: var(--rp-fg-muted);
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 8px; border-radius: 6px;
  border: 1px solid var(--rp-border);
  flex-shrink: 0; cursor: pointer;
}
.respira-v71 .prompt-card-copy:hover { color: var(--rp-emerald-400); border-color: rgba(16,185,129,.3); }
.respira-v71 .prompt-card-desc { font-size: 12px; color: var(--rp-fg-muted); margin: 0; line-height: 1.55; }
.respira-v71 .prompt-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 6px; }
.respira-v71 .prompt-card-tag { font-size: 10.5px; font-weight: 600; letter-spacing: .08em; }
.respira-v71 .prompt-card-run {
  font-size: 11.5px; font-weight: 600; color: var(--rp-emerald-400);
  cursor: pointer;
}
.respira-v71 .prompt-card-run:hover { color: var(--rp-emerald-300); }

.respira-v71 .prompt-mini-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.respira-v71 .prompt-mini {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  padding: 12px;
}
.respira-v71 .prompt-mini-cat { font-size: 10px; letter-spacing: .1em; color: var(--rp-emerald-400); margin-bottom: 4px; font-weight: 600; }
.respira-v71 .prompt-mini-name { font-size: 12.5px; font-weight: 600; margin-bottom: 4px; }
.respira-v71 .prompt-mini-desc { font-size: 11.5px; color: var(--rp-fg-muted); margin-bottom: 8px; line-height: 1.5; }


.respira-v71 .tab-bar {
  display: flex; gap: 4px;
  border-bottom: 1px solid var(--rp-border);
  margin-bottom: 18px;
}
.respira-v71 .tab {
  padding: 12px 16px;
  background: none; border: none;
  color: var(--rp-fg-muted); font-size: 13px; font-weight: 500;
  cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  transition: color .12s, border-color .12s;
}
.respira-v71 .tab:hover { color: var(--rp-fg); }
.respira-v71 .tab.active { color: var(--rp-emerald-400); border-bottom-color: var(--rp-emerald-500); }


.respira-v71 .scan-table { font-size: 12.5px; }
.respira-v71 .scan-h, .respira-v71 .scan-row {
  display: grid;
  grid-template-columns: 2.4fr 0.6fr 0.6fr 0.7fr 1fr 1fr;
  gap: 14px;
  padding: 12px 0;
  align-items: center;
}
.respira-v71 .scan-h {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  border-bottom: 1px solid var(--rp-border); padding-bottom: 8px;
}
.respira-v71 .scan-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .scan-row:last-child { border-bottom: none; }
.respira-v71 .scan-page { font-weight: 500; line-height: 1.45; }

.respira-v71 .a11y-issue-table { font-size: 12px; }
.respira-v71 .a11y-issue-h, .respira-v71 .a11y-issue-row {
  display: grid; grid-template-columns: 0.8fr 0.7fr 0.4fr 2fr 0.7fr;
  gap: 12px; padding: 10px 0; align-items: center;
}
.respira-v71 .a11y-issue-h {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  border-bottom: 1px solid var(--rp-border); padding-bottom: 8px;
}
.respira-v71 .a11y-issue-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .a11y-sel { color: var(--rp-fg-muted); font-size: 10.5px; word-break: break-all; line-height: 1.4; }

.respira-v71 .a11y-fix-list { display: flex; flex-direction: column; gap: 12px; }
.respira-v71 .a11y-fix {
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 14px;
}
.respira-v71 .a11y-fix-h { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.respira-v71 .a11y-fix-h h4 { margin: 0; font-size: 13.5px; font-weight: 600; flex: 1; }
.respira-v71 .a11y-fix-tag { font-size: 11px; color: var(--rp-fg-muted); }
.respira-v71 .a11y-fix-code {
  background: var(--rp-bg);
  border: 1px solid var(--rp-border);
  border-radius: 6px;
  padding: 12px;
  font-size: 11px;
  color: var(--rp-fg-muted);
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0 0 10px;
  max-height: 180px;
  overflow: auto;
  line-height: 1.6;
}
.respira-v71 .a11y-fix-foot { display: flex; gap: 14px; }


.respira-v71 .migration-stats {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  margin: 16px 0;
}
.respira-v71 .migration-stats > div {
  display: flex; flex-direction: column; gap: 4px;
  padding: 10px 12px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
}
.respira-v71 .migration-label { font-size: 10px; letter-spacing: .1em; color: var(--rp-fg-subtle); }
.respira-v71 .migration-val { font-size: 16px; font-weight: 700; }

.respira-v71 .hr-pages { font-size: 12.5px; }
.respira-v71 .hr-h, .respira-v71 .hr-row {
  display: grid; grid-template-columns: 0.6fr 1.2fr 3fr;
  gap: 14px; padding: 12px 0; align-items: start;
}
.respira-v71 .hr-h {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  border-bottom: 1px solid var(--rp-border); padding-bottom: 8px;
}
.respira-v71 .hr-row { border-bottom: 1px solid var(--rp-border); }
.respira-v71 .hr-reason { color: var(--rp-fg-muted); font-size: 11px; line-height: 1.55; }


.respira-v71 .safety-list { display: flex; flex-direction: column; }
.respira-v71 .safety-row {
  display: grid; grid-template-columns: 1.2fr 0.7fr 2fr;
  gap: 16px; padding: 14px 0; align-items: center;
  border-bottom: 1px solid var(--rp-border);
  font-size: 13px;
}
.respira-v71 .safety-row:last-child { border-bottom: none; }
.respira-v71 .safety-label { font-weight: 600; }
.respira-v71 .safety-state { display: flex; align-items: center; }
.respira-v71 .safety-val { color: var(--rp-emerald-400); }
.respira-v71 .safety-desc { color: var(--rp-fg-muted); font-size: 12px; line-height: 1.5; }



.respira-v71 .home-v2 .home-h {
  align-items: flex-start;
}
.respira-v71 .home-h-actions { display: flex; gap: 10px; align-items: center; flex-shrink: 0; }
.respira-v71 .home-eb { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.respira-v71 .home-status {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px 10px; border-radius: 999px;
  background: rgba(16,185,129,0.10);
  border: 1px solid rgba(16,185,129,0.25);
  font-size: 11px; color: var(--rp-emerald-400);
}
.respira-v71 .home-status.danger { background: rgba(244,63,94,0.10); border-color: rgba(244,63,94,0.25); color: #fb7185; }
.respira-v71 .live-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 0 rgba(16,185,129,0.7);
  animation: rp-live-pulse 1.6s ease-out infinite;
}
.respira-v71 .live-dot.amber { background: #f59e0b; box-shadow: 0 0 0 0 rgba(245,158,11,0.7); }
.respira-v71 .live-dot.red { background: #f43f5e; box-shadow: 0 0 0 0 rgba(244,63,94,0.7); }
@keyframes rp-live-pulse {
  0% { box-shadow: 0 0 0 0 rgba(16,185,129,0.7); }
  70% { box-shadow: 0 0 0 8px rgba(16,185,129,0); }
  100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }
}
.respira-v71 .home-pending {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 12px; border-radius: 8px;
  background: rgba(245,158,11,0.12);
  border: 1px solid rgba(245,158,11,0.30);
  color: #fbbf24; font-size: 12px; font-weight: 500;
  cursor: pointer; transition: background 120ms;
}
.respira-v71 .home-pending:hover { background: rgba(245,158,11,0.18); }
.respira-v71 .home-pending strong { color: #fff; font-weight: 600; }


.respira-v71 .home-state-card { padding: 0 !important; }
.respira-v71 .home-state-body {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  padding: 56px 40px 48px;
  position: relative;
}
.respira-v71 .home-state-card.unlicensed .home-state-body { background: radial-gradient(circle at 50% 0%, rgba(244,63,94,0.10) 0%, transparent 60%); }
.respira-v71 .home-state-card.no-key .home-state-body { background: radial-gradient(circle at 50% 0%, rgba(16,185,129,0.10) 0%, transparent 60%); }
.respira-v71 .home-state-card.waiting .home-state-body { background: radial-gradient(circle at 50% 0%, rgba(16,185,129,0.08) 0%, transparent 70%); }
.respira-v71 .home-state-mark {
  width: 80px; height: 80px; border-radius: 50%;
  display: grid; place-items: center;
  background: rgba(16,185,129,0.10);
  border: 1px solid rgba(16,185,129,0.25);
  margin-bottom: 24px;
}
.respira-v71 .home-state-card.unlicensed .home-state-mark {
  background: rgba(244,63,94,0.10);
  border-color: rgba(244,63,94,0.25);
}
.respira-v71 .home-state-h {
  font-size: 26px; font-weight: 600; color: var(--rp-fg);
  margin: 0 0 12px; letter-spacing: -0.02em;
}
.respira-v71 .home-state-p {
  font-size: 14px; color: var(--rp-fg-muted); line-height: 1.6;
  max-width: 540px; margin: 0 0 28px;
}
.respira-v71 .home-state-actions {
  display: flex; gap: 14px; align-items: center; flex-wrap: wrap; justify-content: center;
  margin-bottom: 24px;
}
.respira-v71 .home-state-trust {
  display: flex; gap: 24px; flex-wrap: wrap; justify-content: center;
  font-size: 11px; color: var(--rp-fg-muted);
  padding-top: 20px; border-top: 1px solid var(--rp-border);
  width: 100%; max-width: 640px;
}
.respira-v71 .home-state-trust span {
  display: inline-flex; align-items: center; gap: 6px;
}
.respira-v71 .home-state-trust svg { color: var(--rp-emerald-400); }


.respira-v71 .hs-pulse {
  position: relative; width: 80px; height: 80px;
  display: grid; place-items: center;
  margin-bottom: 24px;
}
.respira-v71 .hs-pulse-orb {
  position: relative; z-index: 2;
  width: 56px; height: 56px; border-radius: 50%;
  display: grid; place-items: center;
  background: linear-gradient(135deg, #10b981, #059669);
  box-shadow: 0 0 32px rgba(16,185,129,0.45);
}
.respira-v71 .hs-pulse-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
  border: 1px solid rgba(16,185,129,0.4);
  animation: hs-pulse 2.4s ease-out infinite;
}
.respira-v71 .hs-pulse-ring.r1 { animation-delay: 0s; }
.respira-v71 .hs-pulse-ring.r2 { animation-delay: 0.8s; }
.respira-v71 .hs-pulse-ring.r3 { animation-delay: 1.6s; }
@keyframes hs-pulse {
  0% { transform: scale(0.7); opacity: 0.7; }
  100% { transform: scale(1.8); opacity: 0; }
}


.respira-v71 .home-cli-tabs {
  display: inline-flex; gap: 2px; padding: 3px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  margin-bottom: 12px;
}
.respira-v71 .home-cli-tabs button {
  padding: 7px 14px; border: 0; background: transparent;
  font-size: 12px; color: var(--rp-fg-muted);
  font-family: var(--rp-font-mono); border-radius: 6px;
  cursor: pointer; transition: all 120ms;
}
.respira-v71 .home-cli-tabs button.on {
  background: var(--rp-surface);
  color: var(--rp-fg);
  box-shadow: 0 1px 0 rgba(255,255,255,0.04) inset;
}


.respira-v71 .live-tail {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: var(--rp-radius);
  padding: 14px 18px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
.respira-v71 .live-tail::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, transparent 60%, rgba(16,185,129,0.04) 100%);
}
.respira-v71 .live-tail-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 10px;
}
.respira-v71 .live-tail-label { font-size: 12px; color: var(--rp-fg); font-weight: 500; }
.respira-v71 .live-tail-meta { font-size: 11px; color: var(--rp-fg-muted); margin-left: auto; }
.respira-v71 .live-tail-bars {
  display: flex; gap: 2px; align-items: flex-end;
  height: 32px;
  position: relative; z-index: 1;
}
.respira-v71 .live-tail-bar {
  flex: 1; min-width: 0;
  background: linear-gradient(180deg, #10b981, rgba(16,185,129,0.3));
  border-radius: 1px;
  transition: height 800ms cubic-bezier(0.4, 0, 0.2, 1);
}
.respira-v71 .live-tail-bar:last-child {
  background: linear-gradient(180deg, #34d399, #10b981);
  box-shadow: 0 0 8px rgba(16,185,129,0.5);
}


.respira-v71 .mcp-client-list { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .mcp-client-row {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid transparent;
  transition: all 120ms;
}
.respira-v71 .mcp-client-row.active { background: rgba(16,185,129,0.04); border-color: rgba(16,185,129,0.20); }
.respira-v71 .mcp-client-row.idle { background: var(--rp-surface-elevated); }
.respira-v71 .mcp-client-row.offline { opacity: 0.5; }
.respira-v71 .mcp-client-mark {
  position: relative;
  width: 32px; height: 32px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
  flex-shrink: 0;
}
.respira-v71 .mcp-client-mark.active { color: var(--rp-emerald-400); border-color: rgba(16,185,129,0.40); }
.respira-v71 .mcp-client-pulse {
  position: absolute; inset: -2px;
  border-radius: 50%;
  border: 1px solid rgba(16,185,129,0.4);
  animation: hs-pulse 2s ease-out infinite;
}
.respira-v71 .mcp-client-body { flex: 1; min-width: 0; }
.respira-v71 .mcp-client-name {
  font-size: 13px; font-weight: 500; color: var(--rp-fg);
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .mcp-client-state {
  font-size: 10px; font-family: var(--rp-font-mono);
  letter-spacing: 0.05em; text-transform: uppercase;
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-client-state.active { color: var(--rp-emerald-400); }
.respira-v71 .mcp-client-state.idle { color: #f59e0b; }
.respira-v71 .mcp-client-meta { font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px; }
.respira-v71 .mcp-client-stats { text-align: right; font-size: 11px; line-height: 1.5; }
.respira-v71 .mcp-client-last { color: var(--rp-fg-muted); }


.respira-v71 .cli-cmds { display: flex; flex-direction: column; gap: 12px; }
.respira-v71 .cli-cmd { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .cli-cmd-label {
  font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rp-fg-muted);
}


.respira-v71 .skill-mini-list {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.respira-v71 .skill-mini {
  text-align: left;
  padding: 14px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  cursor: pointer;
  transition: all 120ms;
}
.respira-v71 .skill-mini:hover {
  background: var(--rp-surface);
  border-color: rgba(16,185,129,0.30);
  transform: translateY(-1px);
}
.respira-v71 .skill-mini-cat {
  font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rp-fg-muted); margin-bottom: 6px;
}
.respira-v71 .skill-mini-name {
  font-size: 13px; font-weight: 500; color: var(--rp-fg);
  margin-bottom: 6px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.respira-v71 .skill-mini-time { font-size: 11px; color: var(--rp-fg-muted); }


.respira-v71 .brand-foot {
  display: flex; justify-content: space-between; align-items: center;
  padding: 16px 4px;
  font-size: 11px; color: var(--rp-fg-muted);
  border-top: 1px solid var(--rp-border);
  margin-top: 8px;
}
.respira-v71 .brand-foot strong { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .brand-foot-meta { font-size: 10px; opacity: 0.7; }


.respira-v71 .act-row .action.rp-mono { color: var(--rp-emerald-400); font-size: 11px; }

@media (max-width: 1100px) {
  .respira-v71 .skill-mini-list { grid-template-columns: 1fr; }
  .respira-v71 .home-state-body { padding: 40px 24px 32px; }
}



.respira-v71 .stepper-v2 {
  display: flex; align-items: center; gap: 0;
  padding: 18px 22px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: var(--rp-radius);
  margin-bottom: 16px;
}
.respira-v71 .step-v2 { display: flex; align-items: center; gap: 12px; }
.respira-v71 .step-v2 .step-n {
  width: 28px; height: 28px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  font-size: 12px; font-family: var(--rp-font-mono);
  color: var(--rp-fg-muted);
}
.respira-v71 .step-v2.active .step-n { background: var(--rp-fg); color: var(--rp-bg); border-color: var(--rp-fg); }
.respira-v71 .step-v2.done .step-n { background: var(--rp-emerald-500, #10b981); color: #fff; border-color: var(--rp-emerald-500, #10b981); }
.respira-v71 .step-v2 .step-label { font-size: 13px; color: var(--rp-fg-muted); }
.respira-v71 .step-v2.active .step-label { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .step-v2 .step-meta { font-size: 11px; font-family: var(--rp-font-mono); color: var(--rp-emerald-400); margin-top: 2px; }
.respira-v71 .step-bar-v2 {
  flex: 1; height: 1px; background: var(--rp-border);
  margin: 0 16px;
}
.respira-v71 .step-bar-v2.done { background: var(--rp-emerald-500, #10b981); }


.respira-v71 .setup .agent-grid { grid-template-columns: 1fr 1fr; }
.respira-v71 .setup .agent-card {
  text-decoration: none; color: inherit;
  flex-direction: column; gap: 12px;
  position: relative; padding: 18px;
  background: var(--rp-surface-overlay);
}
.respira-v71 .setup .agent-card:hover { border-color: var(--rp-emerald-500); transform: translateY(-1px); }
.respira-v71 .setup .agent-card .agent-logo {
  width: 36px; height: 36px; border-radius: 8px;
  background: rgba(255,255,255,.04); padding: 6px;
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .setup .agent-card .agent-logo img { width: 100%; height: 100%; object-fit: contain; display: block; }
.respira-v71 .setup .agent-card .agent-body { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .setup .agent-card .agent-name { font-size: 14px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .setup .agent-card .agent-install {
  font-size: 11px; color: var(--rp-emerald-400);
  letter-spacing: 0; line-height: 1;
}
.respira-v71 .setup .agent-card .agent-note { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.45; }
.respira-v71 .setup .agent-card .agent-cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 11px; color: var(--rp-fg);
  text-transform: uppercase; letter-spacing: 0.06em;
  padding-top: 10px; border-top: 1px dashed var(--rp-border);
  margin-top: auto;
}
.respira-v71 .setup .agent-card:hover .agent-cta { color: var(--rp-emerald-300); }

.respira-v71 .setup .agent-status-row {
  display: flex; align-items: center; gap: 12px;
  flex-wrap: wrap;
}
.respira-v71 .setup .agent-status-meta { font-size: 12px; color: var(--rp-fg-muted); }


.respira-v71 .agent-grid-v2 {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
  margin: 18px 0;
}
.respira-v71 .agent-card-v2 {
  position: relative; text-align: left;
  padding: 14px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  cursor: pointer;
  transition: all 120ms;
  display: flex; flex-direction: column; gap: 8px;
  min-height: 130px;
}
.respira-v71 .agent-card-v2:hover {
  border-color: var(--rp-border-strong, rgba(255,255,255,0.18));
  transform: translateY(-1px);
}
.respira-v71 .agent-card-v2.selected {
  border-color: var(--rp-emerald-400);
  background: rgba(16,185,129,0.04);
  box-shadow: 0 0 0 1px var(--rp-emerald-400) inset;
}
.respira-v71 .agent-card-h { display: flex; justify-content: space-between; align-items: flex-start; }
.respira-v71 .agent-logo-v2 {
  width: 36px; height: 36px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid transparent;
  display: grid; place-items: center;
  font-size: 18px; font-weight: 600;
  font-family: var(--rp-font-mono);
  overflow: hidden;
}
.respira-v71 .agent-logo-v2 img { width: 100%; height: 100%; object-fit: cover; display: block; }
.respira-v71 .agent-logo-v2.lg { width: 48px; height: 48px; font-size: 24px; }
.respira-v71 .agent-logo-v2.lg img { width: 100%; height: 100%; }
.respira-v71 .agent-popular {
  font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase;
  padding: 2px 6px;
  background: rgba(16,185,129,0.12);
  color: var(--rp-emerald-400);
  border-radius: 999px;
  border: 1px solid rgba(16,185,129,0.25);
}
.respira-v71 .agent-card-name-v2 { font-size: 13px; font-weight: 500; color: var(--rp-fg); }
.respira-v71 .agent-card-desc-v2 { font-size: 11px; color: var(--rp-fg-muted); line-height: 1.4; flex: 1; }
.respira-v71 .agent-card-foot {
  font-size: 10px; color: var(--rp-fg-muted); text-transform: uppercase; letter-spacing: 0.06em;
  display: inline-flex; align-items: center; gap: 5px;
  padding-top: 8px; border-top: 1px dashed var(--rp-border);
}
.respira-v71 .agent-card-tick {
  position: absolute; top: 10px; right: 10px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--rp-emerald-500, #10b981);
  display: grid; place-items: center;
}


.respira-v71 .connect-pulse {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  font-size: 11px; color: var(--rp-fg-muted);
  margin-top: 6px;
}
.respira-v71 .connect-pulse strong { color: var(--rp-fg); font-weight: 500; }


.respira-v71 .rec-banner {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 12px 14px;
  background: rgba(16,185,129,0.06);
  border: 1px solid rgba(16,185,129,0.20);
  border-radius: 8px;
  font-size: 12px; color: var(--rp-fg);
  margin-bottom: 14px;
}
.respira-v71 .rec-banner-icon {
  width: 24px; height: 24px; border-radius: 50%;
  display: grid; place-items: center; flex-shrink: 0;
  background: rgba(16,185,129,0.12);
}
.respira-v71 .rec-banner-why { color: var(--rp-fg-muted); }


.respira-v71 .scope-grid-v2 { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
.respira-v71 .scope-card-v2 {
  text-align: left;
  padding: 14px 16px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  cursor: pointer; transition: all 120ms;
}
.respira-v71 .scope-card-v2:hover { border-color: var(--rp-border-strong, rgba(255,255,255,0.18)); }
.respira-v71 .scope-card-v2.selected { border-color: var(--rp-emerald-400); background: rgba(16,185,129,0.04); }
.respira-v71 .scope-h-v2 { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.respira-v71 .scope-name { font-size: 13px; font-weight: 500; color: var(--rp-fg); }
.respira-v71 .scope-tools { font-size: 10px; color: var(--rp-fg-muted); margin-left: auto; }
.respira-v71 .scope-radio {
  width: 14px; height: 14px; border-radius: 50%;
  border: 1.5px solid var(--rp-border-strong, rgba(255,255,255,0.30));
  display: grid; place-items: center;
}
.respira-v71 .scope-card-v2.selected .scope-radio { border-color: var(--rp-emerald-400); }
.respira-v71 .scope-card-v2.selected .scope-radio span {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--rp-emerald-400);
}
.respira-v71 .scope-desc { font-size: 11.5px; color: var(--rp-fg-muted); margin-bottom: 8px; line-height: 1.5; }
.respira-v71 .scope-tags { display: flex; gap: 6px; flex-wrap: wrap; }
.respira-v71 .scope-tags span {
  font-size: 10px; padding: 2px 7px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 4px;
  color: var(--rp-fg-muted);
}


.respira-v71 .connect-final-h {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .connect-final-h h3 { color: var(--rp-fg); }

.respira-v71 .install-tabs {
  display: inline-flex; gap: 2px; padding: 3px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  margin-bottom: 14px;
}
.respira-v71 .install-tabs button {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; border: 0; background: transparent;
  font-size: 12px; color: var(--rp-fg-muted);
  border-radius: 6px; cursor: pointer; transition: all 120ms;
}
.respira-v71 .install-tabs button.on { background: var(--rp-surface); color: var(--rp-fg); }
.respira-v71 .install-tabs button:disabled { opacity: 0.4; cursor: not-allowed; }

.respira-v71 .install-pane { margin-bottom: 18px; }
.respira-v71 .install-note { font-size: 11.5px; color: var(--rp-fg-muted); line-height: 1.5; margin-top: 10px; }


.respira-v71 .qr-pane { display: flex; gap: 24px; align-items: flex-start; padding: 18px; background: var(--rp-surface-elevated); border: 1px solid var(--rp-border); border-radius: 10px; }
.respira-v71 .qr-mock {
  width: 168px; height: 168px;
  background: #fafaf9;
  padding: 10px; border-radius: 8px;
  flex-shrink: 0;
}
.respira-v71 .qr-mock-grid {
  display: grid; grid-template-columns: repeat(21, 1fr); gap: 0;
  width: 100%; height: 100%;
}
.respira-v71 .qr-mock-grid span { background: transparent; }
.respira-v71 .qr-mock-grid span.on { background: #1c1917; }
.respira-v71 .qr-pane-h { font-size: 14px; font-weight: 500; color: var(--rp-fg); }
.respira-v71 .qr-pair-code {
  display: inline-block;
  font-size: 16px; letter-spacing: 0.12em;
  padding: 8px 14px;
  background: var(--rp-surface);
  border: 1px dashed var(--rp-border-strong, rgba(255,255,255,0.20));
  border-radius: 6px;
  color: var(--rp-emerald-400);
  margin-bottom: 8px;
}


.respira-v71 .handshake-v2 { margin-top: 8px; }
.respira-v71 .handshake-h {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; margin-bottom: 8px;
  background: var(--rp-surface-elevated);
  border-radius: 6px;
  font-size: 12px; color: var(--rp-fg);
}
.respira-v71 .hs-ok {
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--rp-emerald-500, #10b981);
  display: inline-grid; place-items: center;
}

@media (max-width: 1100px) {
  .respira-v71 .agent-grid-v2 { grid-template-columns: repeat(2, 1fr); }
  .respira-v71 .qr-pane { flex-direction: column; }
}



.respira-v71 .about-tabs {
  display: flex; gap: 2px;
  border-bottom: 1px solid var(--rp-border);
  margin-bottom: 24px;
}
.respira-v71 .about-tab {
  padding: 10px 18px;
  background: none; border: 0;
  font-size: 13px; color: var(--rp-fg-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  font-weight: 500;
  letter-spacing: -.005em;
}
.respira-v71 .about-tab:hover { color: var(--rp-fg); }
.respira-v71 .about-tab.active {
  color: var(--rp-fg);
  border-bottom-color: var(--rp-emerald-400);
}



.respira-v71 .wn-hero {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 0;
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: 32px;
}
.respira-v71 .wn-hero-l { padding: 32px 36px; border-right: 1px solid var(--rp-border); }
.respira-v71 .wn-hero-r { padding: 28px 32px; background: var(--rp-bg-subtle, rgba(255,255,255,.02)); }

.respira-v71 .wn-version-block {
  display: flex; align-items: baseline; gap: 16px; margin-bottom: 6px;
}
.respira-v71 .wn-version-num {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 56px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.04em; line-height: 1;
}
.respira-v71 .wn-version-meta {
  display: flex; gap: 8px; align-items: center;
  font-size: 11px; color: var(--rp-fg-muted);
}
.respira-v71 .wn-tagline {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 26px; font-weight: 500;
  color: var(--rp-fg);
  margin: 16px 0 14px;
  letter-spacing: -.01em;
}
.respira-v71 .wn-lede {
  font-size: 14.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 20px;
  max-width: 60ch;
  text-wrap: pretty;
}

.respira-v71 .wn-stat-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--rp-border);
  padding-top: 16px;
  margin-top: 8px;
}
.respira-v71 .wn-stat {
  display: flex; flex-direction: column; gap: 4px;
  border-right: 1px solid var(--rp-border);
  padding-right: 12px;
}
.respira-v71 .wn-stat:last-child { border-right: 0; }
.respira-v71 .wn-stat-n {
  font-size: 18px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.02em;
}
.respira-v71 .wn-stat-l {
  font-size: 10.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .04em;
}

.respira-v71 .wn-versions {
  display: flex; flex-direction: column; gap: 10px;
}
.respira-v71 .wn-ver-row {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  gap: 12px; align-items: center;
  font-size: 12px;
}
.respira-v71 .wn-ver-l { color: var(--rp-fg-subtle); }
.respira-v71 .wn-ver-v { color: var(--rp-fg); font-weight: 500; }


.respira-v71 .wn-section-h {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 24px 4px 12px;
  border-top: 1px solid var(--rp-border);
  margin-top: 32px;
}
.respira-v71 .wn-section-h:first-of-type { border-top: 0; margin-top: 8px; padding-top: 8px; }
.respira-v71 .wn-section-h .eb-section {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: 11px; color: var(--rp-fg);
  font-weight: 600;
}
.respira-v71 .wn-section-h .rp-mono { font-size: 11px; color: var(--rp-fg-subtle); }


.respira-v71 .wn-highlights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.respira-v71 .wn-hl {
  background: var(--rp-bg-elev);
  padding: 22px 24px;
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .wn-hl-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 4px;
}
.respira-v71 .wn-hl-icon {
  width: 24px; height: 24px;
  border-radius: 6px;
  background: rgba(16, 185, 129, .12);
  color: var(--rp-emerald-400);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.respira-v71 .wn-hl .eb {
  font-size: 10px; letter-spacing: .08em; color: var(--rp-emerald-400);
}
.respira-v71 .wn-hl-t {
  font-size: 16px; font-weight: 600; color: var(--rp-fg);
  margin: 0; letter-spacing: -.01em; line-height: 1.3;
}
.respira-v71 .wn-hl-b {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; text-wrap: pretty;
}


.respira-v71 .wn-bloom-lede {
  font-size: 13.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 20px; max-width: 70ch;
}
.respira-v71 .wn-phases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.respira-v71 .wn-phase {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  padding: 12px 14px;
  background: var(--rp-bg-subtle, rgba(255,255,255,.02));
  border: 1px solid var(--rp-border);
  border-radius: 6px;
}
.respira-v71 .wn-phase-id {
  font-size: 11px; color: var(--rp-emerald-400);
  font-weight: 600;
  align-self: start; padding-top: 1px;
}
.respira-v71 .wn-phase-t {
  font-size: 13px; font-weight: 600; color: var(--rp-fg);
  margin-bottom: 3px;
  letter-spacing: -.005em;
}
.respira-v71 .wn-phase-d {
  font-size: 12px; line-height: 1.5;
  color: var(--rp-fg-muted);
}


.respira-v71 .wn-builders {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.respira-v71 .wn-builder {
  background: var(--rp-bg-elev);
  padding: 18px 22px;
}
.respira-v71 .wn-builder-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 8px;
}
.respira-v71 .wn-builder-mark {
  width: 24px; height: 24px;
  border-radius: 5px;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700;
  color: white;
  font-family: "JetBrains Mono", monospace;
  flex-shrink: 0;
}
.respira-v71 .wn-builder-name {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
}
.respira-v71 .wn-builder-growth {
  font-size: 11px; color: var(--rp-fg-subtle);
  margin-left: auto;
}
.respira-v71 .wn-builder-note {
  font-size: 12.5px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0;
  text-wrap: pretty;
}

.respira-v71 .wn-foot {
  display: flex; justify-content: center; gap: 16px;
  padding-top: 24px; margin-top: 16px;
  border-top: 1px solid var(--rp-border);
}



.respira-v71 .cl-filters {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .cl-filters-l { display: flex; gap: 4px; }
.respira-v71 .cl-filters-r {
  display: flex; gap: 8px; align-items: center;
  font-size: 11px; color: var(--rp-fg-subtle);
}
.respira-v71 .cl-filter {
  padding: 6px 12px;
  background: none; border: 1px solid transparent;
  border-radius: 6px;
  font-size: 12px; color: var(--rp-fg-muted);
  cursor: pointer;
  display: flex; align-items: center; gap: 6px;
}
.respira-v71 .cl-filter:hover { color: var(--rp-fg); background: var(--rp-bg-subtle, rgba(255,255,255,.03)); }
.respira-v71 .cl-filter.active {
  color: var(--rp-fg);
  border-color: var(--rp-border);
  background: var(--rp-bg-elev);
}
.respira-v71 .cl-filter-n { color: var(--rp-fg-subtle); font-size: 10.5px; }


.respira-v71 .cl-timeline {
  display: flex; flex-direction: column;
  position: relative;
}
.respira-v71 .cl-release {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 0;
  position: relative;
}
.respira-v71 .cl-rail {
  position: relative;
  display: flex; justify-content: center;
  padding-top: 16px;
}
.respira-v71 .cl-rail::before {
  content: "";
  position: absolute;
  top: 0; bottom: -28px;
  left: 50%;
  width: 1px;
  background: var(--rp-border);
}
.respira-v71 .cl-release:last-child .cl-rail::before { bottom: 0; }
.respira-v71 .cl-dot {
  width: 11px; height: 11px;
  border-radius: 50%;
  border: 2px solid var(--rp-bg);
  background: var(--rp-fg-subtle);
  position: relative; z-index: 2;
  flex-shrink: 0;
}
.respira-v71 .cl-dot.major {
  background: var(--rp-emerald-400);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, .15);
}
.respira-v71 .cl-dot.minor {
  background: var(--rp-emerald-400);
}
.respira-v71 .cl-dot.patch {
  background: var(--rp-fg-subtle);
}

.respira-v71 .cl-body {
  padding: 4px 4px 28px 8px;
}
.respira-v71 .cl-h {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%;
  background: none; border: 0;
  padding: 4px 0; cursor: pointer;
  text-align: left;
}
.respira-v71 .cl-h-l {
  display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap;
}
.respira-v71 .cl-version {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.01em;
}
.respira-v71 .cl-date { font-size: 11px; color: var(--rp-fg-subtle); }
.respira-v71 .cl-chev { color: var(--rp-fg-subtle); display: flex; }
.respira-v71 .cl-h:hover .cl-chev { color: var(--rp-fg); }

.respira-v71 .cl-title {
  font-size: 15px; font-weight: 500;
  color: var(--rp-fg);
  margin: 6px 0 0;
  line-height: 1.4;
  letter-spacing: -.005em;
  text-wrap: pretty;
  max-width: 70ch;
}

.respira-v71 .cl-items {
  list-style: none; padding: 14px 0 0; margin: 0;
  display: flex; flex-direction: column; gap: 8px;
  border-top: 1px dashed var(--rp-border);
  margin-top: 14px;
}
.respira-v71 .cl-item {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  align-items: baseline;
}
.respira-v71 .cl-tag {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
  padding: 2px 7px;
  border: 1px solid;
  border-radius: 3px;
  text-align: center;
  align-self: start;
  margin-top: 2px;
}
.respira-v71 .cl-text {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  text-wrap: pretty;
}



.respira-v71 .th-card { margin-bottom: 16px; }
.respira-v71 .th-card .eb-section {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: 11px; color: var(--rp-fg);
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}


.respira-v71 .th-built {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 32px;
  align-items: start;
}
.respira-v71 .th-logo-block {
  display: flex; gap: 14px; align-items: center;
}
.respira-v71 .th-logo {
  width: 48px; height: 48px;
  border-radius: 8px;
}
.respira-v71 .th-author {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 22px; font-weight: 500;
  color: var(--rp-fg);
  letter-spacing: -.01em;
  line-height: 1.1;
  margin-bottom: 4px;
}
.respira-v71 .th-link {
  font-size: 11.5px; color: var(--rp-emerald-400);
  text-decoration: none;
}
.respira-v71 .th-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }
.respira-v71 .th-built-body {
  font-size: 13.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; max-width: 65ch;
  text-wrap: pretty;
}
.respira-v71 .th-built-body p { margin: 0 0 12px; }
.respira-v71 .th-built-body p:last-child { margin-bottom: 0; }
.respira-v71 .th-built-credit {
  font-size: 12px;
  color: var(--rp-fg-dim, #6b7686);
  margin-top: 14px;
}


.respira-v71 .th-deps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 6px;
  overflow: hidden;
}
.respira-v71 .th-dep {
  background: var(--rp-bg-elev);
  padding: 14px 16px;
}
.respira-v71 .th-dep-h {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 4px;
}
.respira-v71 .th-dep-name {
  font-size: 13px; color: var(--rp-fg);
  font-weight: 500;
}
.respira-v71 .th-dep-v {
  font-size: 11px; color: var(--rp-fg-subtle);
}
.respira-v71 .th-dep-meta {
  font-size: 11px; color: var(--rp-fg-subtle);
  margin-bottom: 6px;
}
.respira-v71 .th-dep-who { color: var(--rp-emerald-400); }
.respira-v71 .th-dep-what {
  font-size: 12px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0;
}


.respira-v71 .th-include-row {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px; align-items: start;
}
.respira-v71 .th-include-mark {
  width: 64px; height: 64px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  color: white;
  font-size: 22px; font-weight: 700;
  letter-spacing: -.02em;
  display: grid; place-items: center;
  font-family: "JetBrains Mono", monospace;
}
.respira-v71 .th-include-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 8px;
}
.respira-v71 .th-include-h h3 {
  font-size: 16px; font-weight: 600; color: var(--rp-fg);
  margin: 0;
}
.respira-v71 .th-include-body p {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 10px;
  max-width: 70ch;
  text-wrap: pretty;
}


.respira-v71 .th-section-sub {
  font-size: 11.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .06em;
  margin-bottom: 10px;
}
.respira-v71 .th-chips {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.respira-v71 .th-chip {
  padding: 5px 11px;
  border: 1px solid var(--rp-border);
  border-radius: 999px;
  font-size: 12px;
  color: var(--rp-fg-muted);
  background: var(--rp-bg-subtle, rgba(255,255,255,.02));
}


.respira-v71 .th-rep-lede {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 18px; max-width: 70ch;
  text-wrap: pretty;
}
.respira-v71 .th-reps {
  display: flex; flex-direction: column;
  border: 1px solid var(--rp-border);
  border-radius: 6px;
  overflow: hidden;
}
.respira-v71 .th-rep {
  padding: 14px 16px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .th-rep:last-child { border-bottom: 0; }
.respira-v71 .th-rep-h {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 4px;
  flex-wrap: wrap; gap: 8px;
}
.respira-v71 .th-rep-who {
  font-size: 13px; font-weight: 500; color: var(--rp-fg);
}
.respira-v71 .th-rep-vs {
  font-size: 10.5px; color: var(--rp-emerald-400);
}
.respira-v71 .th-rep-c {
  font-size: 12.5px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0; text-wrap: pretty;
}


.respira-v71 .th-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 24px;
  margin-bottom: 18px;
}
.respira-v71 .th-meta-grid > div {
  display: flex; flex-direction: column; gap: 3px;
  padding: 10px 0;
  border-top: 1px solid var(--rp-border);
}
.respira-v71 .th-meta-l {
  font-size: 10.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .04em;
}
.respira-v71 .th-meta-v {
  font-size: 13px; color: var(--rp-fg);
  font-weight: 500;
}
.respira-v71 .th-license-body {
  font-size: 12px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; max-width: 70ch;
  text-wrap: pretty;
}

@media (max-width: 1100px) {
  .respira-v71 .wn-hero { grid-template-columns: 1fr; }
  .respira-v71 .wn-hero-l { border-right: 0; border-bottom: 1px solid var(--rp-border); }
  .respira-v71 .wn-highlights, .respira-v71 .wn-builders, .respira-v71 .wn-phases, .respira-v71 .th-deps, .respira-v71 .th-meta-grid { grid-template-columns: 1fr; }
  .respira-v71 .th-built { grid-template-columns: 1fr; }
}




.respira-v71 .connect-mode-banner {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 18px;
  align-items: center;
  padding: 16px 20px;
  background: linear-gradient(90deg, rgba(16, 185, 129, .06), rgba(16, 185, 129, .02));
  border: 1px solid rgba(16, 185, 129, .25);
  border-radius: 8px;
  margin-bottom: 28px;
}
.respira-v71 .cmb-icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: rgba(16, 185, 129, .15);
  color: var(--rp-emerald-400);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.respira-v71 .cmb-body {
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .cmb-h {
  display: flex; flex-direction: column; gap: 2px;
}
.respira-v71 .cmb-h strong {
  font-size: 13px; color: var(--rp-fg);
  font-weight: 600;
}
.respira-v71 .cmb-h span {
  font-size: 12.5px; color: var(--rp-fg-muted);
  line-height: 1.5;
}
.respira-v71 .cmb-link {
  align-self: flex-start;
  background: none; border: 0; padding: 0;
  font-size: 12px; color: var(--rp-emerald-400);
  cursor: pointer; font-weight: 500;
}
.respira-v71 .cmb-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }

.respira-v71 .cmb-divider {
  width: 1px;
  align-self: stretch;
  background: rgba(16, 185, 129, .2);
}
.respira-v71 .cmb-extras {
  display: flex; flex-direction: column; gap: 6px;
  min-width: 250px;
}
.respira-v71 .cmb-extras-h {
  font-size: 10px; color: var(--rp-emerald-400);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 600;
}
.respira-v71 .cmb-extras ul {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .cmb-extras li {
  font-size: 11.5px;
  color: var(--rp-fg-muted);
  display: flex; align-items: baseline; gap: 6px;
  line-height: 1.4;
}
.respira-v71 .cmb-extras li .rp-mono {
  color: var(--rp-fg);
  font-size: 11px;
  background: rgba(255, 255, 255, .05);
  padding: 1px 5px;
  border-radius: 3px;
  flex-shrink: 0;
}


.respira-v71 .setup-advanced-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 12px;
  padding: 18px 22px;
  background: var(--rp-bg-subtle, rgba(255, 255, 255, .02));
  border: 1px dashed var(--rp-border);
  border-radius: 8px;
}
.respira-v71 .setup-advanced-link .sal-l {
  flex: 1;
  display: flex; flex-direction: column; gap: 2px;
}
.respira-v71 .setup-advanced-link .eb {
  font-size: 10px; color: var(--rp-fg-subtle);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.respira-v71 .sal-h {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.005em;
}
.respira-v71 .sal-sub {
  font-size: 12.5px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 4px 0 0;
  max-width: 70ch;
  text-wrap: pretty;
}

@media (max-width: 1100px) {
  .respira-v71 .connect-mode-banner {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .respira-v71 .cmb-divider { display: none; }
  .respira-v71 .setup-advanced-link {
    flex-direction: column;
    align-items: flex-start;
  }
}


.respira-v71 .home-paused {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; padding: 16px 20px;
  background: rgba(255,255,255,0.02);
  border: 1px dashed var(--rp-border-subtle);
}
.respira-v71 .home-paused-l { display: flex; gap: 12px; align-items: flex-start; }
.respira-v71 .home-paused-icon {
  width: 28px; height: 28px; border-radius: 6px; flex-shrink: 0;
  background: rgba(245,158,11,0.10);
  color: var(--rp-warning);
  display: grid; place-items: center;
}
.respira-v71 .home-paused-h { font-size: 13px; font-weight: 600; color: var(--rp-fg); margin-bottom: 2px; }
.respira-v71 .home-paused-sub { font-size: 12px; color: var(--rp-fg-muted); max-width: 480px; line-height: 1.5; }
.respira-v71 .home-paused-r { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }


.respira-v71 .activity-tabs {
  display: flex;
  gap: 4px;
  margin: 4px 0 18px;
  border-bottom: 1px solid var(--rp-line);
}
.respira-v71 .activity-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  color: var(--rp-fg-muted);
  cursor: pointer;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  transition: color 0.15s, border-color 0.15s;
}
.respira-v71 .activity-tab:hover { color: var(--rp-fg); }
.respira-v71 .activity-tab.active {
  color: var(--rp-fg);
  border-bottom-color: var(--rp-emerald-500, #10b981);
}
.respira-v71 .activity-tab-n {
  font-size: 10.5px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  color: var(--rp-fg-muted);
}
.respira-v71 .activity-tab.active .activity-tab-n {
  background: rgba(16,185,129,0.18);
  color: var(--rp-emerald-400, #6ee7b7);
}
.respira-v71 .activity-tab-n.warn {
  background: rgba(245,158,11,0.18);
  color: var(--rp-warning, #f4d49a);
}


.respira-v71 .oneclick-section {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--rp-line);
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 8px;
}
.respira-v71 .oneclick-header h2 {
  font-size: 17px;
  font-weight: 700;
  color: var(--rp-fg);
  margin: 0 0 4px;
  letter-spacing: -0.005em;
}
.respira-v71 .oneclick-header p {
  font-size: 13px;
  color: var(--rp-fg-muted);
  margin: 0 0 18px;
}
.respira-v71 .oneclick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
  align-items: stretch;
}
.respira-v71 .oneclick-hint {
  min-height: 2.4em;
  font-size: 11.5px;
  color: var(--rp-fg-muted);
  margin: 4px 0 0;
  line-height: 1.5;
}
.respira-v71 .oneclick-hint a {
  color: var(--rp-emerald-400, #6ee7b7);
  text-decoration: none;
  border-bottom: 1px solid rgba(110, 231, 183, 0.35);
}
.respira-v71 .oneclick-card {
  --cover-tint: 110, 231, 183;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid var(--rp-line);
  border-radius: 14px;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.respira-v71 .oneclick-card:hover {
  border-color: rgba(var(--cover-tint), 0.40);
  transform: translateY(-2px);
  box-shadow: 0 18px 40px -28px rgba(0, 0, 0, 0.6);
}
.respira-v71 .oneclick-card-cover {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px 14px;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.20) 100%);
}
.respira-v71 .oneclick-card-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(var(--cover-tint), 0.18) 0%, rgba(var(--cover-tint), 0) 60%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30) 100%);
  pointer-events: none;
  z-index: 0;
}
.respira-v71 .oneclick-card-cover-bg {
  position: absolute;
  inset: -55%;
  background-image: var(--cover-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(38px) saturate(1.15);
  opacity: 0.55;
  transform: scale(1.4);
  z-index: -1;
  pointer-events: none;
}
.respira-v71 .oneclick-card-cover-mark {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: rgba(11, 15, 23, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.respira-v71 .oneclick-card-cover-mark img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.respira-v71 .oneclick-card-cover-title {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: white;
  letter-spacing: -0.005em;
  line-height: 1.2;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.respira-v71 .oneclick-card-body {
  padding: 14px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
.respira-v71 .oneclick-card-body .oneclick-actions { margin-top: auto; }
.respira-v71 .oneclick-card-desc {
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.65);
  margin: 0;
  line-height: 1.55;
}
.respira-v71 .oneclick-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6ee7b7;
  background: rgba(16,185,129,.18);
  border: 1px solid rgba(16,185,129,.4);
  border-radius: 999px;
  vertical-align: 2px;
}
.respira-v71 .oneclick-badge--blue {
  color: #93c5fd;
  background: rgba(59, 130, 246, .18);
  border-color: rgba(59, 130, 246, .4);
}
.respira-v71 .oneclick-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.respira-v71 .oneclick-link {
  font-size: 12px;
  color: var(--rp-emerald-400, #6ee7b7);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
}
.respira-v71 .oneclick-link:hover { text-decoration: underline; }
.respira-v71 .config-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  font-size: 12.5px;
  font-weight: 600;
  border-radius: 8px;
  border: 1px solid var(--rp-line);
  background: rgba(255,255,255,.04);
  color: var(--rp-fg);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease;
  font-family: inherit;
}
.respira-v71 .config-btn:hover { background: rgba(255,255,255,.08); }
.respira-v71 .config-btn[disabled] { opacity: 0.6; cursor: progress; }
.respira-v71 .config-btn--primary {
  background: rgba(16,185,129,0.12);
  border-color: rgba(16,185,129,0.4);
  color: #6ee7b7;
}
.respira-v71 .config-btn--primary:hover {
  background: rgba(16,185,129,0.18);
  border-color: rgba(16,185,129,0.55);
}


.respira-v71 .oneclick-resolved {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}
.respira-v71 .oneclick-setup {
  background: rgba(0,0,0,0.30);
  border: 1px solid var(--rp-line);
  border-radius: 8px;
  padding: 10px 12px;
}
.respira-v71 .oneclick-setup-label {
  font-family: var(--rp-font-mono, ui-monospace, monospace);
  font-size: 10px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rp-fg-muted);
  margin-bottom: 6px;
}
.respira-v71 .oneclick-setup-row {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.respira-v71 .oneclick-setup-code {
  font-family: var(--rp-font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  color: var(--rp-fg);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 70%;
}
.respira-v71 .oneclick-snippet {
  background: rgba(0,0,0,0.40);
  border: 1px solid var(--rp-line);
  border-radius: 8px;
  padding: 10px 12px;
  font-family: var(--rp-font-mono, ui-monospace, monospace);
  font-size: 11px;
  line-height: 1.55;
  color: var(--rp-fg);
  margin: 0;
  max-height: 220px;
  overflow: auto;
  white-space: pre;
}
.respira-v71 .env-var {
  font-family: var(--rp-font-mono, ui-monospace, monospace);
  font-size: 11.5px;
  background: rgba(255,255,255,.06);
  padding: 1px 6px;
  border-radius: 4px;
  color: var(--rp-fg);
}



/* ===== diff-drawer.css ===== */



.respira-v71 .fdd-overlay {
  position: fixed; inset: 0; z-index: 60;
  background: rgba(5,9,15,0.65);
  backdrop-filter: blur(3px);
  animation: fddFade 180ms ease-out;
}
@keyframes fddFade { from { opacity: 0 } to { opacity: 1 } }
@keyframes fddSlide { from { transform: translateX(40px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }

.respira-v71 .fdd {
  position: fixed; top: 0; right: 0; bottom: 0;
  width: 1100px; max-width: 95vw;
  background: var(--rp-bg);
  border-left: 1px solid var(--rp-border);
  box-shadow: -32px 0 64px rgba(0,0,0,0.5);
  display: flex; flex-direction: column;
  animation: fddSlide 240ms cubic-bezier(.2,.7,.2,1);
  font-feature-settings: "ss01", "cv11";
}


.respira-v71 .fdd-h {
  border-bottom: 1px solid var(--rp-border);
  background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
  flex-shrink: 0;
}
.respira-v71 .fdd-h-top {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 24px 0;
}
.respira-v71 .fdd-eb {
  font-size: 10.5px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rp-fg-subtle); display: flex; align-items: center; gap: 8px;
  font-family: var(--rp-font-mono);
}
.respira-v71 .fdd-snap { color: var(--rp-fg-muted); }
.respira-v71 .fdd-close {
  width: 28px; height: 28px; border-radius: 6px;
  background: transparent; border: 1px solid var(--rp-border);
  color: var(--rp-fg-subtle); cursor: pointer;
  display: grid; place-items: center;
  transition: all 0.15s;
}
.respira-v71 .fdd-close:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }

.respira-v71 .fdd-h-row {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 24px 14px;
}
.respira-v71 .fdd-h-row .agent-logo.sm { flex-shrink: 0; }
.respira-v71 .fdd-h-title { flex: 1; min-width: 0; }
.respira-v71 .fdd-title {
  font-size: 22px; font-weight: 600; letter-spacing: -0.015em;
  color: var(--rp-fg); margin: 0 0 4px;
  font-feature-settings: "ss02";
}
.respira-v71 .fdd-meta {
  display: flex; align-items: center; gap: 8px;
  font-size: 12px; color: var(--rp-fg-muted);
}
.respira-v71 .fdd-agent { color: var(--rp-fg); font-weight: 500; }


.respira-v71 .fdd-h-stats {
  display: flex; align-items: stretch; gap: 0;
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  background: rgba(255,255,255,0.02);
  flex-shrink: 0;
}
.respira-v71 .fdd-h-stat {
  padding: 8px 14px;
  border-right: 1px solid var(--rp-border);
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  min-width: 64px;
}
.respira-v71 .fdd-h-stat:last-child { border-right: none; }
.respira-v71 .fdd-h-stat-n {
  font-size: 18px; font-weight: 600; color: var(--rp-fg);
  font-family: var(--rp-font-mono);
  font-feature-settings: "tnum";
  line-height: 1.1;
}
.respira-v71 .fdd-h-stat-n .of { color: var(--rp-fg-subtle); font-weight: 400; font-size: 14px; }
.respira-v71 .fdd-h-stat-l {
  font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--rp-fg-subtle);
}


.respira-v71 .fdd-tabs {
  display: flex; gap: 0; padding: 0 24px;
  margin-bottom: -1px;
}
.respira-v71 .fdd-tab {
  background: transparent; border: none;
  padding: 10px 16px;
  border-bottom: 2px solid transparent;
  color: var(--rp-fg-subtle);
  font-size: 13px; font-weight: 500;
  cursor: pointer;
  display: flex; align-items: center; gap: 8px;
  transition: color 0.15s, border-color 0.15s;
}
.respira-v71 .fdd-tab:hover { color: var(--rp-fg-muted); }
.respira-v71 .fdd-tab.active {
  color: var(--rp-fg);
  border-bottom-color: var(--rp-emerald-500);
}
.respira-v71 .fdd-tab-n {
  font-size: 11px;
  padding: 1px 7px;
  border-radius: 999px;
  background: var(--rp-surface-elevated);
  color: var(--rp-fg-subtle);
}
.respira-v71 .fdd-tab.active .fdd-tab-n {
  background: rgba(16,185,129,0.14);
  color: var(--rp-emerald-300);
}


.respira-v71 .fdd-body {
  flex: 1;
  overflow: hidden;
  display: flex; flex-direction: column;
}
.respira-v71 .fdd-section {
  padding: 22px 24px;
  overflow-y: auto;
  flex: 1;
}


.respira-v71 .fdd-review {
  display: grid;
  grid-template-columns: 320px 1fr;
  height: 100%;
  overflow: hidden;
}

.respira-v71 .fdd-rail {
  border-right: 1px solid var(--rp-border);
  display: flex; flex-direction: column;
  background: rgba(0,0,0,0.15);
  overflow: hidden;
}
.respira-v71 .fdd-rail-search {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--rp-border);
  color: var(--rp-fg-subtle);
}
.respira-v71 .fdd-rail-search input {
  flex: 1;
  background: transparent; border: none; outline: none;
  color: var(--rp-fg); font-size: 12.5px;
  font-family: inherit;
}
.respira-v71 .fdd-rail-search input::placeholder { color: var(--rp-fg-subtle); }

.respira-v71 .fdd-rail-bulk {
  padding: 8px 14px;
  font-size: 11px;
  border-bottom: 1px solid var(--rp-border);
  color: var(--rp-fg-subtle);
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .fdd-rail-bulk button {
  background: none; border: none; padding: 0;
  color: var(--rp-emerald-400); font-size: 11px;
  cursor: pointer; font-family: inherit;
}
.respira-v71 .fdd-rail-bulk button:hover { color: var(--rp-emerald-300); }

.respira-v71 .fdd-rail-list {
  list-style: none; margin: 0; padding: 0;
  overflow-y: auto;
  flex: 1;
}
.respira-v71 .fdd-rail-row {
  display: flex; align-items: stretch;
  border-bottom: 1px solid var(--rp-border-subtle);
  position: relative;
  transition: background 0.12s;
}
.respira-v71 .fdd-rail-row:hover { background: rgba(255,255,255,0.02); }
.respira-v71 .fdd-rail-row.active {
  background: rgba(16,185,129,0.06);
}
.respira-v71 .fdd-rail-row.active::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  width: 2px; background: var(--rp-emerald-500);
}
.respira-v71 .fdd-rail-row.excluded { opacity: 0.45; }
.respira-v71 .fdd-rail-row.excluded .fdd-rail-title { text-decoration: line-through; text-decoration-color: var(--rp-fg-subtle); }

.respira-v71 .fdd-rail-check {
  display: grid; place-items: center;
  padding: 0 12px;
  cursor: pointer;
  flex-shrink: 0;
}
.respira-v71 .fdd-rail-check input { position: absolute; opacity: 0; pointer-events: none; }
.respira-v71 .fdd-rail-check-box {
  width: 16px; height: 16px; border-radius: 4px;
  border: 1.5px solid var(--rp-border);
  display: grid; place-items: center;
  background: var(--rp-surface-elevated);
  color: transparent;
  transition: all 0.15s;
}
.respira-v71 .fdd-rail-check input:checked + .fdd-rail-check-box {
  background: var(--rp-emerald-500);
  border-color: var(--rp-emerald-500);
  color: #fff;
}

.respira-v71 .fdd-rail-btn {
  flex: 1; min-width: 0;
  background: none; border: none;
  padding: 10px 14px 10px 0;
  text-align: left;
  cursor: pointer;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .fdd-rail-line1 {
  display: flex; align-items: baseline; gap: 8px;
  min-width: 0;
}
.respira-v71 .fdd-rail-id {
  color: var(--rp-fg-subtle); font-size: 11px; flex-shrink: 0;
}
.respira-v71 .fdd-rail-title {
  color: var(--rp-fg); font-size: 13px; font-weight: 500;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  flex: 1; min-width: 0;
}
.respira-v71 .fdd-rail-line2 {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px;
}
.respira-v71 .fdd-rail-field {
  font-size: 10.5px; color: var(--rp-fg-subtle);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  min-width: 0;
}
.respira-v71 .fdd-rail-counts {
  display: flex; gap: 6px; font-size: 11px;
  flex-shrink: 0;
}


.respira-v71 .fdd-pane {
  display: flex; flex-direction: column;
  overflow: hidden;
  background: var(--rp-bg);
}
.respira-v71 .fdd-pane-h {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 20px;
  border-bottom: 1px solid var(--rp-border);
  gap: 16px;
  flex-shrink: 0;
}
.respira-v71 .fdd-pane-h-l { display: flex; align-items: center; gap: 10px; min-width: 0; }
.respira-v71 .fdd-pane-id { color: var(--rp-fg-subtle); font-size: 12px; flex-shrink: 0; }
.respira-v71 .fdd-pane-title {
  color: var(--rp-fg); font-size: 14px; font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.respira-v71 .fdd-pane-h-r { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }

.respira-v71 .fdd-mode-toggle {
  display: flex; padding: 2px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  border-radius: 6px;
}
.respira-v71 .fdd-mode-toggle button {
  background: transparent; border: none;
  padding: 4px 10px;
  font-size: 11px; font-family: var(--rp-font-mono);
  color: var(--rp-fg-subtle);
  cursor: pointer; border-radius: 4px;
}
.respira-v71 .fdd-mode-toggle button.on {
  background: var(--rp-bg);
  color: var(--rp-fg);
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.respira-v71 .fdd-pane-meta {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 20px;
  background: rgba(0,0,0,0.15);
  border-bottom: 1px solid var(--rp-border);
  font-size: 11.5px;
  color: var(--rp-fg-muted);
  flex-shrink: 0;
  flex-wrap: wrap;
}


.respira-v71 .fdd-hunks {
  flex: 1;
  overflow-y: auto;
  padding: 16px 20px 24px;
}
.respira-v71 .fdd-hunk {
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  margin-bottom: 14px;
  overflow: hidden;
  background: var(--rp-surface);
}
.respira-v71 .fdd-hunk-h {
  padding: 6px 14px;
  background: rgba(255,255,255,0.02);
  border-bottom: 1px solid var(--rp-border);
  font-size: 10.5px;
  color: var(--rp-fg-subtle);
}


.respira-v71 .fdd-unified {
  margin: 0; padding: 8px 0;
  font-family: var(--rp-font-mono);
  font-size: 12px;
  line-height: 1.55;
  white-space: pre;
  overflow-x: auto;
}
.respira-v71 .u-line {
  display: flex; gap: 0;
  padding: 0;
  white-space: pre-wrap;
  word-break: break-all;
}
.respira-v71 .u-mark {
  flex-shrink: 0;
  width: 28px;
  text-align: center;
  color: var(--rp-fg-subtle);
  user-select: none;
  font-weight: 600;
}
.respira-v71 .u-t { padding-right: 14px; flex: 1; min-width: 0; }
.respira-v71 .u-line.u-add { background: rgba(16,185,129,0.10); }
.respira-v71 .u-line.u-add .u-mark { color: var(--rp-emerald-400); }
.respira-v71 .u-line.u-add .u-t { color: var(--rp-emerald-300); }
.respira-v71 .u-line.u-del { background: rgba(244,63,94,0.10); }
.respira-v71 .u-line.u-del .u-mark { color: var(--rp-error); }
.respira-v71 .u-line.u-del .u-t { color: #fca5a5; }
.respira-v71 .u-line.u-ctx .u-t { color: var(--rp-fg-muted); }


.respira-v71 .fdd-split {
  display: flex; flex-direction: column;
  font-family: var(--rp-font-mono);
  font-size: 12px;
  line-height: 1.55;
}
.respira-v71 .fdd-split-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--rp-border-subtle);
}
.respira-v71 .fdd-split-row:last-child { border-bottom: none; }
.respira-v71 .fdd-split-cell {
  display: flex; gap: 0; padding: 0;
  border-right: 1px solid var(--rp-border-subtle);
  white-space: pre-wrap;
  word-break: break-all;
  min-height: 22px;
}
.respira-v71 .fdd-split-cell:last-child { border-right: none; }
.respira-v71 .fdd-split-cell.empty { background: rgba(0,0,0,0.25); }
.respira-v71 .fdd-split-cell.u-add { background: rgba(16,185,129,0.10); }
.respira-v71 .fdd-split-cell.u-add .u-t { color: var(--rp-emerald-300); }
.respira-v71 .fdd-split-cell.u-del { background: rgba(244,63,94,0.10); }
.respira-v71 .fdd-split-cell.u-del .u-t { color: #fca5a5; }
.respira-v71 .fdd-split-cell.u-ctx .u-t { color: var(--rp-fg-muted); }
.respira-v71 .fdd-split-cell .u-t { padding: 0 12px 0 0; flex: 1; min-width: 0; }


.respira-v71 .fdd-empty {
  display: flex; align-items: center; gap: 12px;
  padding: 24px;
  color: var(--rp-fg-muted);
  font-size: 13px;
}


.respira-v71 .fdd-eb-section {
  font-size: 10.5px; letter-spacing: 0.10em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600;
  margin: 18px 0 10px;
  font-family: var(--rp-font-mono);
}
.respira-v71 .fdd-eb-section:first-child { margin-top: 0; }

.respira-v71 .fdd-prompt {
  margin: 0 0 4px;
  padding: 14px 18px;
  border-left: 3px solid var(--rp-emerald-500);
  background: rgba(16,185,129,0.05);
  font-size: 14px; color: var(--rp-fg);
  font-style: italic;
  line-height: 1.5;
  border-radius: 0 6px 6px 0;
}
.respira-v71 .fdd-rationale {
  font-size: 13px; line-height: 1.65;
  color: var(--rp-fg-muted); margin: 0;
}

.respira-v71 .fdd-code {
  margin: 0;
  padding: 14px 18px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  font-family: var(--rp-font-mono);
  font-size: 12px;
  line-height: 1.6;
  color: var(--rp-fg);
  overflow-x: auto;
}
.respira-v71 .fdd-code-line { display: block; }
.respira-v71 .c-key { color: var(--rp-emerald-300); }
.respira-v71 .c-eq { color: var(--rp-fg-subtle); }
.respira-v71 .c-val { color: #fcd34d; }
.respira-v71 .c-comma { color: var(--rp-fg-subtle); }

.respira-v71 .fdd-snapshot-card {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  background: rgba(245,158,11,0.06);
  border: 1px solid rgba(245,158,11,0.20);
  border-radius: 8px;
  font-size: 12px; color: var(--rp-fg-muted);
}
.respira-v71 .fdd-snapshot-card svg { color: var(--rp-warning); flex-shrink: 0; }
.respira-v71 .fdd-snapshot-card strong { color: var(--rp-fg); font-weight: 600; }

.respira-v71 .diff-summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.respira-v71 .diff-pair {
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  overflow: hidden;
  background: var(--rp-surface);
}
.respira-v71 .diff-pair-label {
  padding: 8px 12px;
  border-bottom: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
  font-size: 11px;
  font-family: var(--rp-font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
}
.respira-v71 .diff-before,
.respira-v71 .diff-after {
  margin: 0;
  padding: 10px 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: var(--rp-font-mono);
  font-size: 12px;
  line-height: 1.55;
}
.respira-v71 .diff-before {
  background: rgba(244,63,94,.08);
  color: #fda4af;
}
.respira-v71 .diff-after {
  background: rgba(16,185,129,.08);
  color: var(--rp-emerald-300);
}


.respira-v71 .fdd-impact {
  display: flex; flex-direction: column; gap: 10px;
}
.respira-v71 .fdd-impact-row {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  background: var(--rp-surface);
}
.respira-v71 .fdd-impact-row.warn { border-color: rgba(245,158,11,0.25); background: rgba(245,158,11,0.04); }
.respira-v71 .fdd-impact-icon {
  width: 22px; height: 22px; border-radius: 999px;
  display: grid; place-items: center;
  flex-shrink: 0;
  background: rgba(16,185,129,0.12); color: var(--rp-emerald-400);
}
.respira-v71 .fdd-impact-row.warn .fdd-impact-icon { background: rgba(245,158,11,0.14); color: var(--rp-warning); }
.respira-v71 .fdd-impact-row.neutral .fdd-impact-icon { background: rgba(255,255,255,0.04); color: var(--rp-fg-subtle); }
.respira-v71 .fdd-impact-l { font-size: 13px; font-weight: 600; color: var(--rp-fg); margin-bottom: 2px; }
.respira-v71 .fdd-impact-d { font-size: 12px; color: var(--rp-fg-muted); line-height: 1.5; }


.respira-v71 .fdd-foot {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 24px;
  border-top: 1px solid var(--rp-border);
  background: rgba(0,0,0,0.15);
  flex-shrink: 0;
  gap: 14px;
}
.respira-v71 .fdd-foot-l, .respira-v71 .fdd-foot-r {
  display: flex; align-items: center; gap: 14px;
}
.respira-v71 .fdd-foot-excluded {
  font-size: 11.5px; color: var(--rp-warning);
  display: flex; align-items: center; gap: 8px;
}


.respira-v71 .additive { color: var(--rp-emerald-400); }
.respira-v71 .destructive { color: var(--rp-error); }


.respira-v71 .ui-classic .fdd { background: #f0f0f1; border-left-color: #c3c4c7; }
.respira-v71 .ui-classic .fdd-h { background: #fff; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-title, .respira-v71 .ui-classic .fdd-agent { color: #1d2327; }
.respira-v71 .ui-classic .fdd-meta, .respira-v71 .ui-classic .fdd-h-stat-l, .respira-v71 .ui-classic .fdd-eb { color: #50575e; }
.respira-v71 .ui-classic .fdd-h-stats { background: #f6f7f7; border-color: #c3c4c7; }
.respira-v71 .ui-classic .fdd-h-stat { border-right-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-h-stat-n { color: #1d2327; }
.respira-v71 .ui-classic .fdd-tab { color: #50575e; }
.respira-v71 .ui-classic .fdd-tab.active { color: #2271b1; border-bottom-color: #2271b1; }
.respira-v71 .ui-classic .fdd-tab.active .fdd-tab-n { background: #2271b1; color: #fff; }
.respira-v71 .ui-classic .fdd-rail { background: #f6f7f7; border-right-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-rail-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-rail-row.active { background: #f0f6fc; }
.respira-v71 .ui-classic .fdd-rail-row.active::before { background: #2271b1; }
.respira-v71 .ui-classic .fdd-rail-title { color: #1d2327; }
.respira-v71 .ui-classic .fdd-rail-id, .respira-v71 .ui-classic .fdd-rail-field { color: #50575e; }
.respira-v71 .ui-classic .fdd-rail-check-box { background: #fff; border-color: #8c8f94; }
.respira-v71 .ui-classic .fdd-rail-check input:checked + .fdd-rail-check-box { background: #2271b1; border-color: #2271b1; }
.respira-v71 .ui-classic .fdd-pane { background: #fff; }
.respira-v71 .ui-classic .fdd-pane-h { background: #fff; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-pane-title { color: #1d2327; }
.respira-v71 .ui-classic .fdd-pane-meta { background: #f6f7f7; border-bottom-color: #dcdcde; color: #50575e; }
.respira-v71 .ui-classic .fdd-mode-toggle { background: #f6f7f7; border-color: #c3c4c7; }
.respira-v71 .ui-classic .fdd-mode-toggle button { color: #50575e; }
.respira-v71 .ui-classic .fdd-mode-toggle button.on { background: #fff; color: #1d2327; }
.respira-v71 .ui-classic .fdd-hunk { background: #fff; border-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-hunk-h { background: #f6f7f7; border-bottom-color: #dcdcde; color: #50575e; }
.respira-v71 .ui-classic .u-line.u-add { background: #e6f4ea; }
.respira-v71 .ui-classic .u-line.u-add .u-mark, .respira-v71 .ui-classic .u-line.u-add .u-t { color: #1e6e34; }
.respira-v71 .ui-classic .u-line.u-del { background: #fce8e6; }
.respira-v71 .ui-classic .u-line.u-del .u-mark, .respira-v71 .ui-classic .u-line.u-del .u-t { color: #b3261e; }
.respira-v71 .ui-classic .u-line.u-ctx .u-t { color: #50575e; }
.respira-v71 .ui-classic .fdd-split-cell.u-add { background: #e6f4ea; }
.respira-v71 .ui-classic .fdd-split-cell.u-del { background: #fce8e6; }
.respira-v71 .ui-classic .fdd-split-cell.u-add .u-t { color: #1e6e34; }
.respira-v71 .ui-classic .fdd-split-cell.u-del .u-t { color: #b3261e; }
.respira-v71 .ui-classic .fdd-split-cell.empty { background: #f6f7f7; }
.respira-v71 .ui-classic .fdd-prompt { background: #f0f6fc; border-left-color: #2271b1; color: #1d2327; }
.respira-v71 .ui-classic .fdd-rationale { color: #2c3338; }
.respira-v71 .ui-classic .fdd-code { background: #f6f7f7; border-color: #dcdcde; color: #1d2327; }
.respira-v71 .ui-classic .c-key { color: #2271b1; }
.respira-v71 .ui-classic .c-val { color: #b06000; }
.respira-v71 .ui-classic .fdd-snapshot-card { background: #fff8e1; border-color: #facc15; color: #5d4a00; }
.respira-v71 .ui-classic .fdd-snapshot-card strong { color: #1d2327; }
.respira-v71 .ui-classic .fdd-impact-row { background: #fff; border-color: #dcdcde; }
.respira-v71 .ui-classic .fdd-impact-l { color: #1d2327; }
.respira-v71 .ui-classic .fdd-impact-d { color: #50575e; }
.respira-v71 .ui-classic .fdd-foot { background: #fff; border-top-color: #dcdcde; }
.respira-v71 .ui-classic .additive { color: #1e6e34; }
.respira-v71 .ui-classic .destructive { color: #b3261e; }



/* ===== classic.css ===== */


.respira-v71 .ui-classic.plugin-shell {
  background: #f0f0f1 !important;
  color: #1d2327;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
  font-size: 13px;
}
.respira-v71 .ui-classic.plugin-shell::before { display: none; }

.respira-v71 .ui-classic .r-rail {
  background: #fff;
  border-right: 1px solid #c3c4c7;
}
.respira-v71 .ui-classic .r-rail .brand { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .r-rail .wordmark { color: #1d2327; }
.respira-v71 .ui-classic .r-rail .ver { color: #50575e; }
.respira-v71 .ui-classic .r-nav-item { color: #2c3338; font-weight: 400; border-radius: 0; padding: 8px 12px; }
.respira-v71 .ui-classic .r-nav-item:hover { background: #f6f7f7; color: #2271b1; }
.respira-v71 .ui-classic .r-nav-item.active {
  background: #2271b1; color: #fff;
}
.respira-v71 .ui-classic .r-nav-item.active::before { display: none; }
.respira-v71 .ui-classic .r-nav-item .badge { background: #d63638; color: #fff; }
.respira-v71 .ui-classic .r-nav-item.about-grp { color: #50575e; }
.respira-v71 .ui-classic .r-rail .footer { border-top-color: #dcdcde; color: #50575e; }


.respira-v71 .ui-classic .page-h h1 {
  font-size: 23px; font-weight: 400; letter-spacing: 0;
  color: #1d2327; line-height: 1.3;
}
.respira-v71 .ui-classic .page-h .sub { color: #50575e; font-size: 13px; }
.respira-v71 .ui-classic .eb { color: #2271b1; font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 12px; }
.respira-v71 .ui-classic .eb-row .live-dot { box-shadow: none; background: #46b450; animation: none; }


.respira-v71 .ui-classic .card {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.respira-v71 .ui-classic .card.feature::before { display: none; }
.respira-v71 .ui-classic .card-h {
  padding: 10px 14px; border-bottom-color: #dcdcde;
  background: #fff;
}
.respira-v71 .ui-classic .card-h h2 { font-size: 14px; font-weight: 600; color: #1d2327; }
.respira-v71 .ui-classic .card-h .meta { font-family: inherit; color: #50575e; }
.respira-v71 .ui-classic .card-body { padding: 14px; }


.respira-v71 .ui-classic .btn {
  height: 30px; padding: 0 11px; font-size: 13px;
  border-radius: 3px; font-weight: 400; line-height: 28px;
  border: 1px solid; transition: none;
}
.respira-v71 .ui-classic .btn.sm { height: 26px; padding: 0 8px; font-size: 12px; }
.respira-v71 .ui-classic .btn.lg { height: 36px; padding: 0 14px; font-size: 14px; }
.respira-v71 .ui-classic .btn.primary {
  background: #2271b1; color: #fff; border-color: #2271b1;
}
.respira-v71 .ui-classic .btn.primary:hover { background: #135e96; border-color: #135e96; box-shadow: none; transform: none; color: #fff; }
.respira-v71 .ui-classic .btn.secondary {
  background: #f6f7f7; color: #2271b1; border-color: #2271b1;
}
.respira-v71 .ui-classic .btn.secondary:hover { background: #f0f0f1; border-color: #135e96; }
.respira-v71 .ui-classic .btn.ghost {
  background: #f6f7f7; color: #2c3338; border-color: #c3c4c7;
}
.respira-v71 .ui-classic .btn.ghost:hover { background: #f0f0f1; color: #1d2327; }


.respira-v71 .ui-classic .pill { font-family: inherit; font-size: 12px; padding: 2px 7px; border-radius: 3px; }
.respira-v71 .ui-classic .pill.success { background: #00a32a; color: #fff; }
.respira-v71 .ui-classic .pill.warn { background: #dba617; color: #1d2327; }
.respira-v71 .ui-classic .pill.danger { background: #d63638; color: #fff; }
.respira-v71 .ui-classic .pill.info { background: #2271b1; color: #fff; }
.respira-v71 .ui-classic .pill.tag { background: #dcdcde; color: #2c3338; }
.respira-v71 .ui-classic .pill .dot { display: none; }


.respira-v71 .ui-classic .stat {
  background: #fff; border-color: #dcdcde; border-radius: 4px; padding: 14px 16px;
}
.respira-v71 .ui-classic .stat .eb { color: #50575e; font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 12px; font-weight: 500; }
.respira-v71 .ui-classic .stat .value { font-family: inherit; color: #1d2327; font-size: 26px; font-weight: 400; }
.respira-v71 .ui-classic .stat .unit { color: #50575e; }
.respira-v71 .ui-classic .stat .delta.up { color: #00a32a; font-family: inherit; }
.respira-v71 .ui-classic .stat .delta.dn { color: #d63638; font-family: inherit; }
.respira-v71 .ui-classic .stat .note { color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .stat .spark { opacity: .35; }


.respira-v71 .ui-classic .quick {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
}
.respira-v71 .ui-classic .quick:hover { border-color: #2271b1; transform: none; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.respira-v71 .ui-classic .quick.accent { background: #f0f6fc; border-color: #2271b1; }
.respira-v71 .ui-classic .quick.accent::after { display: none; }
.respira-v71 .ui-classic .quick-icon { background: #f0f6fc; color: #2271b1; border-radius: 4px; }
.respira-v71 .ui-classic .quick-eb { color: #2271b1; font-family: inherit; letter-spacing: 0; text-transform: none; font-size: 11px; font-weight: 600; }
.respira-v71 .ui-classic .quick-title { color: #1d2327; font-weight: 600; font-size: 15px; letter-spacing: 0; }
.respira-v71 .ui-classic .quick-desc { color: #50575e; }
.respira-v71 .ui-classic .quick-cta { color: #2271b1; }
.respira-v71 .ui-classic .quick-badge { background: #d63638; color: #fff; font-family: inherit; }


.respira-v71 .ui-classic .notice {
  border-radius: 0; border: 1px solid; border-left-width: 4px !important;
  background: #fff; padding: 10px 14px; color: #1d2327;
}
.respira-v71 .ui-classic .notice strong { color: #1d2327; }
.respira-v71 .ui-classic .notice.info { border-color: #c3c4c7; border-left-color: #72aee6 !important; }
.respira-v71 .ui-classic .notice.warn { border-color: #c3c4c7; border-left-color: #dba617 !important; }
.respira-v71 .ui-classic .notice.success { border-color: #c3c4c7; border-left-color: #00a32a !important; }


.respira-v71 .ui-classic .rp-mono, .respira-v71 .ui-classic .scope, .respira-v71 .ui-classic .scope-chip, .respira-v71 .ui-classic .agent-meta, .respira-v71 .ui-classic .token-key, .respira-v71 .ui-classic .approval-desc, .respira-v71 .ui-classic .anom-date, .respira-v71 .ui-classic .ba-pct, .respira-v71 .ui-classic .ba-tokens, .respira-v71 .ui-classic .topact-n {
  font-family: Consolas, Monaco, monospace !important;
}


.respira-v71 .ui-classic .live-dot { animation: none; box-shadow: 0 0 0 2px rgba(70,180,80,.18); background: #46b450; }
.respira-v71 .ui-classic .empty-mark .r2, .respira-v71 .ui-classic .empty-mark .emerald-dot { animation: none; }
.respira-v71 .ui-classic .empty-mark .emerald-dot { background: #2271b1; box-shadow: none; }
.respira-v71 .ui-classic .empty-mark .ring { border-color: #c3c4c7; }


.respira-v71 .ui-classic .welcome {
  background: #fff; border: 1px solid #c3c4c7; border-radius: 4px;
  box-shadow: 0 4px 24px rgba(0,0,0,.2);
  color: #1d2327;
}
.respira-v71 .ui-classic .welcome::before { display: none; }
.respira-v71 .ui-classic .welcome h1 { color: #1d2327; font-weight: 400; font-size: 32px; letter-spacing: 0; }
.respira-v71 .ui-classic .welcome h1 .grad { font-family: Georgia, serif; color: #2271b1; background: none; -webkit-text-fill-color: #2271b1; }
.respira-v71 .ui-classic .welcome .sub { color: #50575e; }
.respira-v71 .ui-classic .welcome .mark-big { animation: none; box-shadow: 0 2px 8px rgba(0,0,0,.15); border-radius: 4px; background: #2271b1; }
.respira-v71 .ui-classic .welcome .opt { background: #fff; border-color: #c3c4c7; border-radius: 4px; }
.respira-v71 .ui-classic .welcome .opt.selected { border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 1px #2271b1; }
.respira-v71 .ui-classic .welcome .opt h3 { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .welcome .opt p { color: #50575e; }
.respira-v71 .ui-classic .welcome .opt.selected .check { background: #2271b1; border-color: #2271b1; }


.respira-v71 .ui-classic .stepper { background: #fff; border-color: #c3c4c7; border-radius: 4px; }
.respira-v71 .ui-classic .step .step-n { background: #f0f0f1; border-color: #c3c4c7; color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .step.active .step-n { background: #2271b1; border-color: #2271b1; color: #fff; box-shadow: none; }
.respira-v71 .ui-classic .step.done .step-n { background: #00a32a; border-color: #00a32a; color: #fff; }
.respira-v71 .ui-classic .step.done .step-bar::after { background: #2271b1; }

.respira-v71 .ui-classic .agent-card, .respira-v71 .ui-classic .scope-card, .respira-v71 .ui-classic .mode-card, .respira-v71 .ui-classic .skill-card {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .agent-card.selected, .respira-v71 .ui-classic .scope-card.selected, .respira-v71 .ui-classic .mode-card.selected, .respira-v71 .ui-classic .skill-card:hover {
  border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 1px #2271b1;
}
.respira-v71 .ui-classic .scope-card.selected .scope-radio { border-color: #2271b1; }
.respira-v71 .ui-classic .scope-card.selected .scope-radio span { background: #2271b1; }
.respira-v71 .ui-classic .scope-name { color: #1d2327; }
.respira-v71 .ui-classic .scope-desc { color: #50575e; }
.respira-v71 .ui-classic .scope-tags span { background: #f0f6fc; color: #2271b1; font-family: Consolas, monospace; }

.respira-v71 .ui-classic .code-block { background: #f6f7f7; border-color: #c3c4c7; color: #1d2327; border-radius: 3px; font-family: Consolas, Monaco, monospace; }
.respira-v71 .ui-classic .code-block .copy { background: #fff; border-color: #2271b1; color: #2271b1; font-family: inherit; }

.respira-v71 .ui-classic .hs-row { background: #f6f7f7; border-color: #dcdcde; }
.respira-v71 .ui-classic .hs-row.active { background: #fff; border-color: #2271b1; color: #1d2327; }
.respira-v71 .ui-classic .hs-row .hs-mark { background: #fff; border-color: #c3c4c7; color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .hs-row.active .hs-mark { background: #2271b1; border-color: #2271b1; color: #fff; }


.respira-v71 .ui-classic .tab-bar { border-bottom-color: #c3c4c7; }
.respira-v71 .ui-classic .tab { color: #2c3338; }
.respira-v71 .ui-classic .tab.active { color: #2271b1; border-bottom-color: #2271b1; }


.respira-v71 .ui-classic .log-row, .respira-v71 .ui-classic .act-row, .respira-v71 .ui-classic .agent-row, .respira-v71 .ui-classic .approval-row, .respira-v71 .ui-classic .rb-row, .respira-v71 .ui-classic .token-row, .respira-v71 .ui-classic .anom-row { border-bottom-color: #dcdcde; }


.respira-v71 .ui-classic .agent-name, .respira-v71 .ui-classic .approval-agent, .respira-v71 .ui-classic .approval-action, .respira-v71 .ui-classic .rb-action, .respira-v71 .ui-classic .topact-label, .respira-v71 .ui-classic .anom-agent, .respira-v71 .ui-classic .anom-desc, .respira-v71 .ui-classic .ba-name, .respira-v71 .ui-classic .log-row .agent, .respira-v71 .ui-classic .log-row .target, .respira-v71 .ui-classic .act-row .agent, .respira-v71 .ui-classic .act-row .target, .respira-v71 .ui-classic .step .step-label, .respira-v71 .ui-classic .step.active .step-label, .respira-v71 .ui-classic .step.done .step-label, .respira-v71 .ui-classic .agent-card-name, .respira-v71 .ui-classic .skill-name, .respira-v71 .ui-classic .mode-card .mode-h, .respira-v71 .ui-classic .welcome .opt h3 {
  color: #1d2327;
}
.respira-v71 .ui-classic .agent-meta, .respira-v71 .ui-classic .approval-desc, .respira-v71 .ui-classic .approval-time, .respira-v71 .ui-classic .agent-stats, .respira-v71 .ui-classic .agent-stats > div, .respira-v71 .ui-classic .rb-meta, .respira-v71 .ui-classic .log-row .action, .respira-v71 .ui-classic .log-row .t, .respira-v71 .ui-classic .log-row .diff, .respira-v71 .ui-classic .act-row .action, .respira-v71 .ui-classic .act-row .t, .respira-v71 .ui-classic .agent-card-desc, .respira-v71 .ui-classic .token-meta, .respira-v71 .ui-classic .anom-note, .respira-v71 .ui-classic .empty-foot {
  color: #50575e;
}


.respira-v71 .ui-classic .step .step-bar { background: #c3c4c7; height: 2px; }
.respira-v71 .ui-classic .stepper { padding: 14px 24px; }


.respira-v71 .ui-classic .connect .step-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .connect .step-sub { color: #50575e; }


.respira-v71 .ui-classic .diff-before { color: #b32d2e; text-decoration: line-through; }
.respira-v71 .ui-classic .diff-after { color: #00782a; text-decoration: none; }


.respira-v71 .ui-classic .agent-meta .rp-mono, .respira-v71 .ui-classic .approval-desc.rp-mono { color: #2c3338; }
.respira-v71 .ui-classic .scope-chip.read, .respira-v71 .ui-classic .act-row .scope.read { background: #f0f6fc; color: #2271b1; }
.respira-v71 .ui-classic .scope-chip.write, .respira-v71 .ui-classic .act-row .scope.write { background: #fcf9e8; color: #996f01; }
.respira-v71 .ui-classic .scope-chip.deny, .respira-v71 .ui-classic .act-row .scope.deny { background: #fcf0f1; color: #d63638; }


.respira-v71 .ui-classic .search { background: #fff; border-color: #8c8f94; border-radius: 3px; }
.respira-v71 .ui-classic .search input { color: #1d2327; }
.respira-v71 .ui-classic .filter { font-family: inherit; }
.respira-v71 .ui-classic .filter.active { background: #2271b1; color: #fff; border-radius: 3px; }
.respira-v71 .ui-classic .chip { background: #fff; color: #2c3338; border-color: #c3c4c7; border-radius: 3px; }
.respira-v71 .ui-classic .chip.active { background: #2271b1; color: #fff; border-color: #2271b1; }


.respira-v71 .ui-classic .toggle .track { background: #c3c4c7; border-color: #8c8f94; }
.respira-v71 .ui-classic .toggle .track::after { background: #fff; }
.respira-v71 .ui-classic .toggle input:checked + .track { background: #2271b1; border-color: #2271b1; }


.respira-v71 .ui-classic .s-nav-item { border-radius: 3px; color: #2c3338; }
.respira-v71 .ui-classic .s-nav-item:hover { background: #f6f7f7; color: #2271b1; }
.respira-v71 .ui-classic .s-nav-item.active { background: #2271b1; color: #fff; }
.respira-v71 .ui-classic .setting-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .setting-label { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .setting-desc { color: #50575e; }
.respira-v71 .ui-classic .setting-row.danger .setting-label { color: #d63638; }
.respira-v71 .ui-classic .rp-input {
  background: #fff; border-color: #8c8f94; color: #1d2327; border-radius: 3px;
  box-shadow: 0 0 0 transparent;
}
.respira-v71 .ui-classic .rp-input:focus { border-color: #2271b1; box-shadow: 0 0 0 1px #2271b1; }

.respira-v71 .ui-classic .seg { background: #f6f7f7; border-color: #c3c4c7; border-radius: 3px; }
.respira-v71 .ui-classic .seg button.active { background: #2271b1; color: #fff; }

.respira-v71 .ui-classic .protect-chip { background: #fcf0f1; border-color: #facfd2; color: #1d2327; border-radius: 3px; }
.respira-v71 .ui-classic .protect-chip .icon { color: #d63638; }
.respira-v71 .ui-classic .protect-add { color: #2271b1; border-color: #2271b1; border-style: solid; }


.respira-v71 .ui-classic .diff-table { background: #f6f7f7; border-color: #dcdcde; border-radius: 3px; }
.respira-v71 .ui-classic .diff-h { background: #f0f0f1; color: #50575e; }
.respira-v71 .ui-classic .diff-row { border-top-color: #dcdcde; background: #fff; }
.respira-v71 .ui-classic .diff-field { color: #50575e; }
.respira-v71 .ui-classic .diff-before { color: #b32d2e; }
.respira-v71 .ui-classic .diff-after { color: #00782a; }


.respira-v71 .ui-classic .empty-state h2 { color: #1d2327; font-weight: 400; }
.respira-v71 .ui-classic .empty-state p { color: #50575e; }
.respira-v71 .ui-classic .empty-foot { color: #50575e; }


.respira-v71 .ui-classic .skill-card:hover { transform: none; }
.respira-v71 .ui-classic .skill-name { color: #1d2327; }
.respira-v71 .ui-classic .skill-meta, .respira-v71 .ui-classic .skill-desc { color: #50575e; }
.respira-v71 .ui-classic .off-tag { background: #00a32a; color: #fff; font-family: inherit; }
.respira-v71 .ui-classic .skill-icon { background: #f0f6fc; color: #2271b1; border-radius: 3px; }
.respira-v71 .ui-classic .scope-chip-sm { background: #f0f0f1; color: #50575e; font-family: Consolas, monospace; }


.respira-v71 .ui-classic .link-btn { color: #2271b1; font-family: inherit; }
.respira-v71 .ui-classic .link-btn:hover { color: #135e96; }








.respira-v71 .ui-classic .lic-hero { background: #f6f7f7; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .lic-hero-mark { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .lic-orb {
  background: radial-gradient(circle at 30% 30%, #46b450, #00a32a) !important;
  box-shadow: 0 0 0 3px #fff, 0 0 0 4px #00a32a !important;
}
.respira-v71 .ui-classic .lic-arc { background: linear-gradient(90deg, transparent, #2271b1, transparent) !important; }
.respira-v71 .ui-classic .lic-hero-domain-label { color: #1d2327; }
.respira-v71 .ui-classic .lic-hero-domain-sub { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .lic-hero-h { color: #1d2327; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.respira-v71 .ui-classic .lic-hero-p { color: #3c434a; }
.respira-v71 .ui-classic .lic-handshake { background: #f0f6fc; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .lic-handshake-h { color: #1d2327; }
.respira-v71 .ui-classic .lic-trust-cell { color: #50575e; border-right-color: #dcdcde; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .lic-account {
  background: #f0f6fc !important; border: 1px solid #2271b1 !important;
}
.respira-v71 .ui-classic .lic-avatar {
  background: #2271b1 !important; box-shadow: none !important; color: #fff;
}
.respira-v71 .ui-classic .lic-account-name { color: #1d2327; }
.respira-v71 .ui-classic .lic-account-email { color: #50575e; }
.respira-v71 .ui-classic .lic-cell { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .lic-cell-label { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .lic-cell-val { color: #1d2327; }
.respira-v71 .ui-classic .lic-cell-foot { color: #50575e; }

.respira-v71 .ui-classic .setup-progress-card { background: #fff; }
.respira-v71 .ui-classic .setup-progress-h strong { color: #1d2327; }
.respira-v71 .ui-classic .setup-progress-sub { color: #50575e; }
.respira-v71 .ui-classic .setup-progress-pct { color: #1d2327; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .setup-progress-track { background: #dcdcde; }
.respira-v71 .ui-classic .setup-progress-fill {
  background: #2271b1 !important;
  box-shadow: none !important;
}

.respira-v71 .ui-classic .setup-step {
  background: #fff; border: 1px solid #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .setup-step:hover { border-color: #2271b1; background: #f0f6fc; }
.respira-v71 .ui-classic .setup-step.active {
  border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 1px #2271b1;
}
.respira-v71 .ui-classic .setup-step.done { background: #fff; }
.respira-v71 .ui-classic .setup-step-n {
  background: #f0f0f1; border-color: #c3c4c7; color: #50575e;
  font-family: Consolas, monospace;
}
.respira-v71 .ui-classic .setup-step.active .setup-step-n {
  background: #2271b1; border-color: #2271b1; color: #fff;
}
.respira-v71 .ui-classic .setup-step.done .setup-step-n {
  background: #00a32a; border-color: #00a32a; color: #fff;
}
.respira-v71 .ui-classic .setup-step-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .setup-step-desc { color: #50575e; }
.respira-v71 .ui-classic .setup-step-time { color: #50575e; font-family: Consolas, monospace; }

.respira-v71 .ui-classic .setup-field-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .setup-field-label { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .setup-field-label-block { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .setup-field-help { color: #50575e; }
.respira-v71 .ui-classic .setup-key-display {
  background: #f6f7f7; border-color: #c3c4c7; color: #1d2327;
  border-radius: 3px;
}
.respira-v71 .ui-classic .setup-foot { border-top-color: #dcdcde; }
.respira-v71 .ui-classic .setup-foot-step { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .setup-link { color: #2271b1; font-family: inherit; }
.respira-v71 .ui-classic .setup-h3 { color: #1d2327; font-weight: 600; }

.respira-v71 .ui-classic .profile-card {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .profile-card.selected {
  border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 1px #2271b1;
}
.respira-v71 .ui-classic .profile-radio { border-color: #8c8f94; background: #fff; }
.respira-v71 .ui-classic .profile-card.selected .profile-radio { border-color: #2271b1; }
.respira-v71 .ui-classic .profile-card.selected .profile-radio span { background: #2271b1; }
.respira-v71 .ui-classic .profile-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .profile-desc { color: #50575e; }

.respira-v71 .ui-classic .apikey-h, .respira-v71 .ui-classic .apikey-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .apikey-h { color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .apikey-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .apikey-profile { color: #2c3338; }
.respira-v71 .ui-classic .apikey-prefix, .respira-v71 .ui-classic .apikey-meta { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .link-btn-sm { color: #2271b1; font-family: inherit; }
.respira-v71 .ui-classic .link-btn-sm.danger { color: #d63638; }

.respira-v71 .ui-classic .mcp-path-card {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .mcp-path-card:hover { border-color: #2271b1; }
.respira-v71 .ui-classic .mcp-path-card.selected {
  border-color: #2271b1; background: #f0f6fc; box-shadow: 0 0 0 1px #2271b1;
}
.respira-v71 .ui-classic .mcp-path-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .mcp-path-desc { color: #50575e; }
.respira-v71 .ui-classic .mcp-path-meta { color: #50575e; }

.respira-v71 .ui-classic .health-row, .respira-v71 .ui-classic .health-grid > div {
  border-color: #dcdcde; background: #fff;
}
.respira-v71 .ui-classic .health-label { color: #50575e; font-family: inherit; font-size: 11px; }
.respira-v71 .ui-classic .health-val { color: #1d2327; font-weight: 600; }


.respira-v71 .ui-classic .builder-screen .active-theme {
  background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 3px;
}
.respira-v71 .ui-classic .active-theme-row > div { border-color: #dcdcde; }
.respira-v71 .ui-classic .builder-h, .respira-v71 .ui-classic .builder-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .builder-h { color: #50575e; font-family: inherit; background: #f6f7f7; }
.respira-v71 .ui-classic .builder-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .builder-status.on { color: #00a32a; font-weight: 600; }
.respira-v71 .ui-classic .builder-status.off { color: #50575e; }
.respira-v71 .ui-classic .builder-pages { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .builder-row.off { background: #fff; opacity: .85; }
.respira-v71 .ui-classic .builder-row.on { background: #fff; }

.respira-v71 .ui-classic .cap-list { color: #1d2327; }
.respira-v71 .ui-classic .cap-list li { color: #2c3338; }
.respira-v71 .ui-classic .cursor-prompt {
  background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 3px;
}
.respira-v71 .ui-classic .cursor-prompt-t { color: #2271b1; font-family: Consolas, monospace; font-weight: 600; }
.respira-v71 .ui-classic .cursor-prompt-body { color: #2c3338; }

.respira-v71 .ui-classic .builder-page-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .builder-page-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .builder-page-url { color: #50575e; }

.respira-v71 .ui-classic .hiw-step {
  background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 3px;
}
.respira-v71 .ui-classic .hiw-n {
  background: #2271b1; color: #fff; font-family: inherit;
}
.respira-v71 .ui-classic .hiw-t { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .hiw-d { color: #50575e; }


.respira-v71 .ui-classic .prompt-group-card { background: #fff; }
.respira-v71 .ui-classic .prompt-group-h {
  background: #f6f7f7; border-bottom: 1px solid #dcdcde;
}
.respira-v71 .ui-classic .prompt-group-eb { font-family: Consolas, monospace; font-weight: 700; }
.respira-v71 .ui-classic .prompt-group-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .prompt-group-count { color: #50575e; font-family: Consolas, monospace; }

.respira-v71 .ui-classic .prompt-card {
  background: #fff; border: 1px solid #c3c4c7; border-radius: 3px;
}
.respira-v71 .ui-classic .prompt-card:hover { border-color: #2271b1; }
.respira-v71 .ui-classic .prompt-card-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .prompt-card-copy {
  background: #f6f7f7; border: 1px solid #c3c4c7; color: #2271b1;
  border-radius: 3px; font-family: inherit;
}
.respira-v71 .ui-classic .prompt-card-copy:hover { background: #f0f6fc; border-color: #2271b1; }
.respira-v71 .ui-classic .prompt-card-desc { color: #50575e; }
.respira-v71 .ui-classic .prompt-card-foot { border-top-color: #dcdcde; }
.respira-v71 .ui-classic .prompt-card-tag { font-family: Consolas, monospace; font-weight: 600; }
.respira-v71 .ui-classic .prompt-card-run { color: #2271b1; font-family: inherit; font-weight: 600; }
.respira-v71 .ui-classic .prompt-card-run:hover { color: #135e96; }


.respira-v71 .ui-classic .a11y-issue-h, .respira-v71 .ui-classic .a11y-issue-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .a11y-issue-h { color: #50575e; font-family: inherit; background: #f6f7f7; }
.respira-v71 .ui-classic .a11y-issue-row { color: #1d2327; }
.respira-v71 .ui-classic .a11y-issue-row .rp-mono { color: #2c3338; }

.respira-v71 .ui-classic .a11y-fix {
  background: #fff; border: 1px solid #c3c4c7; border-radius: 3px;
}
.respira-v71 .ui-classic .a11y-fix-h h4 { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .a11y-fix-tag { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .a11y-fix-code {
  background: #f6f7f7; border: 1px solid #dcdcde; color: #1d2327;
  font-family: Consolas, monospace;
}
.respira-v71 .ui-classic .a11y-fix-foot { border-top-color: #dcdcde; }

.respira-v71 .ui-classic .migration-stats > div {
  background: #f6f7f7; border: 1px solid #dcdcde; border-radius: 3px;
}
.respira-v71 .ui-classic .migration-label { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .migration-val { color: #1d2327; font-weight: 600; }


.respira-v71 .ui-classic .scan-h, .respira-v71 .ui-classic .scan-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .scan-h { color: #50575e; font-family: inherit; background: #f6f7f7; }
.respira-v71 .ui-classic .scan-page { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .scan-url { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .scan-when { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .scan-score-good { color: #00a32a; font-weight: 600; }
.respira-v71 .ui-classic .scan-score-warn { color: #b88500; font-weight: 600; }
.respira-v71 .ui-classic .scan-score-bad { color: #d63638; font-weight: 600; }


.respira-v71 .ui-classic .addons-update-banner {
  background: #fcf9e8 !important;
  border: 1px solid #dba617 !important;
  border-left: 4px solid #dba617 !important;
  border-radius: 0 !important;
  color: #1d2327;
}
.respira-v71 .ui-classic .addons-update-banner strong { color: #1d2327; }
.respira-v71 .ui-classic .addons-update-icon {
  background: #fff5d4; color: #b88500;
}

.respira-v71 .ui-classic .addons-stat {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .addons-stat-eb { color: #50575e; font-family: inherit; font-weight: 600; }
.respira-v71 .ui-classic .addons-stat-v { color: #1d2327; font-family: inherit; font-weight: 400; }
.respira-v71 .ui-classic .addons-stat-u { color: #50575e; }
.respira-v71 .ui-classic .addons-stat-n { color: #50575e; }

.respira-v71 .ui-classic .addons-featured-card {
  background: #f0f6fc !important;
  border-color: #2271b1 !important;
  border-radius: 4px !important;
}
.respira-v71 .ui-classic .addons-featured-card::before { display: none; }
.respira-v71 .ui-classic .addons-featured-eb { color: #2271b1; font-family: inherit; }
.respira-v71 .ui-classic .addons-featured-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .addons-featured-sub { color: #50575e; }

.respira-v71 .ui-classic .addon-card {
  background: #fff; border: 1px solid #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .addon-card:hover {
  border-color: #2271b1; background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.1); transform: none;
}
.respira-v71 .ui-classic .addon-card.installed {
  border-left: 3px solid #00a32a;
}
.respira-v71 .ui-classic .addon-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .addon-meta { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .addon-desc { color: #50575e; }
.respira-v71 .ui-classic .addon-tag { font-family: inherit; font-weight: 700; border-radius: 2px; }
.respira-v71 .ui-classic .addon-tag.official { background: #00a32a; color: #fff; }
.respira-v71 .ui-classic .addon-tag.beta { background: #8b5cf6; color: #fff; }
.respira-v71 .ui-classic .addon-tag.partner { background: #2271b1; color: #fff; }
.respira-v71 .ui-classic .builder-chip {
  background: #f0f0f1; color: #2c3338; border-color: #dcdcde;
  font-family: Consolas, monospace;
}
.respira-v71 .ui-classic .addon-foot { border-top-color: #dcdcde; }
.respira-v71 .ui-classic .addon-price-v { color: #1d2327; font-family: inherit; font-weight: 600; }
.respira-v71 .ui-classic .addon-price-sites { color: #50575e; }
.respira-v71 .ui-classic .addon-installed-pill { color: #00a32a; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .addon-installed-pill .live-dot {
  background: #46b450; box-shadow: none; animation: none;
}
.respira-v71 .ui-classic .addon-installed-pill.off { color: #50575e; }


.respira-v71 .ui-classic .addon-backdrop { background: rgba(0,0,0,.5); backdrop-filter: none; }
.respira-v71 .ui-classic .addon-drawer {
  background: #f0f0f1;
  border-left: 1px solid #c3c4c7;
  box-shadow: -4px 0 12px rgba(0,0,0,.15);
}
.respira-v71 .ui-classic .addon-drawer-h { background: #fff; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .addon-drawer-title { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .addon-drawer-x {
  background: #fff; border-color: #c3c4c7; color: #50575e;
}
.respira-v71 .ui-classic .addon-drawer-x:hover { background: #f6f7f7; color: #1d2327; }
.respira-v71 .ui-classic .addon-drawer-body { background: #f0f0f1; }
.respira-v71 .ui-classic .addon-drawer-long { color: #2c3338; }
.respira-v71 .ui-classic .addon-drawer-meta-grid {
  background: #fff; border-color: #c3c4c7; border-radius: 4px;
}
.respira-v71 .ui-classic .addon-drawer-eb { color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .addon-drawer-v { color: #1d2327; }
.respira-v71 .ui-classic .addon-drawer-h3 { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .addon-perm-list li { color: #2c3338; }
.respira-v71 .ui-classic .addon-review {
  background: #fff; border-color: #c3c4c7; border-radius: 3px;
}
.respira-v71 .ui-classic .addon-review-h strong { color: #1d2327; }
.respira-v71 .ui-classic .addon-review-meta { color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .addon-review p { color: #2c3338; }
.respira-v71 .ui-classic .addon-drawer-foot { background: #fff; border-top-color: #dcdcde; }


.respira-v71 .ui-classic .licence-h, .respira-v71 .ui-classic .licence-row { border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .licence-h { color: #50575e; font-family: inherit; background: #f6f7f7; }
.respira-v71 .ui-classic .licence-name { color: #1d2327; font-weight: 600; }
.respira-v71 .ui-classic .licence-key { color: #50575e; font-family: Consolas, monospace; }


.respira-v71 .ui-classic .addons-toolbar .search, .respira-v71 .ui-classic .prompts-toolbar .search {
  background: #fff; border-color: #8c8f94;
}
.respira-v71 .ui-classic .addons-toolbar .search input, .respira-v71 .ui-classic .prompts-toolbar .search input { color: #1d2327; }
.respira-v71 .ui-classic .addons-toolbar .search input::placeholder, .respira-v71 .ui-classic .prompts-toolbar .search input::placeholder { color: #8c8f94; }


.respira-v71 .ui-classic .notice { color: #1d2327; }
.respira-v71 .ui-classic .notice strong { color: #1d2327; }



.respira-v71 .ui-classic .setup-foot {
  background: #fff !important; border: 1px solid #c3c4c7 !important;
  border-radius: 4px !important;
}
.respira-v71 .ui-classic .setup-troubleshoot {
  background: #f6f7f7 !important; border-color: #dcdcde !important;
}
.respira-v71 .ui-classic .search.wide {
  background: #fff !important; border-color: #8c8f94 !important;
}
.respira-v71 .ui-classic .search.wide input { color: #1d2327; }
.respira-v71 .ui-classic .search.wide input::placeholder { color: #8c8f94; }

.respira-v71 .ui-classic .chip {
  background: #fff; border-color: #c3c4c7; color: #2c3338;
}
.respira-v71 .ui-classic .chip.active { background: #2271b1; color: #fff; border-color: #2271b1; }


.respira-v71 .ui-classic .setup .card, .respira-v71 .ui-classic .setup-progress-card { background: #fff; border-color: #c3c4c7; }


.respira-v71 .ui-classic.plugin-shell {
  --rp-fg: #1d2327;
  --rp-fg-muted: #50575e;
  --rp-fg-subtle: #8c8f94;
  --rp-bg: #f0f0f1;
  --rp-surface: #fff;
  --rp-surface-elevated: #f6f7f7;
  --rp-surface-overlay: #f0f0f1;
  --rp-border: #c3c4c7;
}

.respira-v71 .ui-classic .r-rail .mark { background: transparent !important; }
.respira-v71 .ui-classic .r-rail .wordmark-img { filter: none !important; opacity: 1 !important; }

.respira-v71 .ui-classic .live-dot { background: #46b450 !important; }



/* ===== rail-and-skill-config.css ===== */



.respira-v71 .skill-card.configuring {
  grid-column: 1 / -1;
  border-color: rgba(16,185,129,.35);
  background:
    radial-gradient(circle at 0% 0%, rgba(16,185,129,.06), transparent 50%),
    var(--rp-surface);
  box-shadow: 0 0 0 1px rgba(16,185,129,.15), 0 18px 36px rgba(0,0,0,.35);
}
.respira-v71 .skill-card.configuring .skill-h, .respira-v71 .skill-card.configuring .skill-desc, .respira-v71 .skill-card.configuring .skill-scopes, .respira-v71 .skill-card.configuring .skill-foot {
  max-width: 720px;
}
.respira-v71 .skill-card.configuring .skill-foot { padding-bottom: 4px; }


.respira-v71 .skill-config {
  margin: 14px -20px -18px;
  border-top: 1px solid var(--rp-border);
  background:
    linear-gradient(180deg, rgba(16,185,129,.04), transparent 30%),
    var(--rp-surface-overlay, rgba(255,255,255,.012));
  border-radius: 0 0 14px 14px;
  display: flex; flex-direction: column;
  animation: skillConfigIn 220ms cubic-bezier(.2,.7,.2,1);
}
@keyframes skillConfigIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.respira-v71 .skill-config-h {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px; padding: 18px 24px 14px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .skill-config-eb {
  font-size: 10px; letter-spacing: .14em; color: var(--rp-emerald-400);
  font-weight: 600; margin-bottom: 6px;
}
.respira-v71 .skill-config-title {
  margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;
  color: var(--rp-fg);
  display: flex; align-items: baseline; gap: 10px;
}
.respira-v71 .skill-config-ver {
  font-size: 11px; color: var(--rp-fg-subtle);
  padding: 2px 7px; border: 1px solid var(--rp-border);
  border-radius: 999px;
}
.respira-v71 .skill-config-x {
  background: transparent; border: 1px solid var(--rp-border);
  width: 28px; height: 28px; border-radius: 6px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--rp-fg-subtle);
}
.respira-v71 .skill-config-x:hover { background: rgba(255,255,255,.04); color: var(--rp-fg); }

.respira-v71 .skill-config-body {
  padding: 4px 24px 12px;
  display: flex; flex-direction: column;
}

.respira-v71 .skill-config-sec { padding: 16px 0; border-bottom: 1px dashed var(--rp-border); }
.respira-v71 .skill-config-sec:last-of-type { border-bottom: none; }
.respira-v71 .skill-config-sec-h {
  display: flex; align-items: baseline; justify-content: space-between;
  margin-bottom: 12px;
}
.respira-v71 .skill-config-sec-h h4 {
  margin: 0; font-size: 12px; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase;
  color: var(--rp-fg);
  display: flex; align-items: baseline; gap: 8px;
}
.respira-v71 .skill-config-count {
  font-size: 10px; padding: 1px 6px;
  border: 1px solid var(--rp-border); border-radius: 999px;
  color: var(--rp-fg-muted); font-weight: 500;
}
.respira-v71 .skill-config-hint { font-size: 10.5px; color: var(--rp-fg-subtle); letter-spacing: .04em; }


.respira-v71 .skill-scope-list { display: flex; flex-direction: column; gap: 8px; }
.respira-v71 .skill-scope-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 11px 14px;
  background: rgba(255,255,255,.02); border: 1px solid var(--rp-border);
  border-radius: 10px;
  cursor: pointer;
}
.respira-v71 .skill-scope-row:hover { border-color: var(--rp-border-strong); }
.respira-v71 .skill-scope-row.danger {
  background: rgba(244,63,94,.04);
  border-color: rgba(244,63,94,.18);
}
.respira-v71 .skill-scope-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.respira-v71 .skill-scope-name { font-size: 12.5px; color: var(--rp-fg); font-weight: 600; }
.respira-v71 .skill-scope-row.danger .skill-scope-name { color: #fb7185; }
.respira-v71 .skill-scope-desc { font-size: 11.5px; color: var(--rp-fg-muted); }


.respira-v71 .skill-config-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
.respira-v71 .skill-config-field {
  display: flex; flex-direction: column; gap: 6px;
  padding: 11px 14px;
  background: rgba(255,255,255,.02);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
}
.respira-v71 .skill-config-field > label {
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600;
}
.respira-v71 .skill-config-field select {
  background: transparent; color: var(--rp-fg);
  border: 1px solid var(--rp-border); border-radius: 6px;
  padding: 6px 8px; font: inherit; font-size: 12.5px;
  cursor: pointer;
}
.respira-v71 .skill-config-field select:focus { outline: none; border-color: var(--rp-emerald-400); }

.respira-v71 .skill-config-stepper {
  display: inline-flex; align-items: center;
  background: rgba(0,0,0,.18);
  border: 1px solid var(--rp-border); border-radius: 8px;
  overflow: hidden; align-self: flex-start;
}
.respira-v71 .skill-config-stepper button {
  background: transparent; border: none;
  color: var(--rp-fg-muted);
  width: 26px; height: 26px;
  cursor: pointer; font-size: 14px;
  display: inline-flex; align-items: center; justify-content: center;
}
.respira-v71 .skill-config-stepper button:hover { background: rgba(255,255,255,.04); color: var(--rp-fg); }
.respira-v71 .skill-config-stepper > span {
  padding: 0 12px; font-size: 12px; color: var(--rp-fg);
  border-left: 1px solid var(--rp-border);
  border-right: 1px solid var(--rp-border);
  height: 26px; display: inline-flex; align-items: center;
  min-width: 64px; justify-content: center;
}

.respira-v71 .skill-config-field-toggle {
  flex-direction: row; align-items: center; justify-content: space-between;
}
.respira-v71 .skill-config-field-toggle > div > div:first-child {
  font-size: 12.5px; letter-spacing: 0; text-transform: none;
  color: var(--rp-fg); font-weight: 600;
}
.respira-v71 .skill-config-field-sub {
  font-size: 11px; color: var(--rp-fg-muted); margin-top: 2px;
}


.respira-v71 .skill-config-rail {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 12px 14px;
  background: rgba(245,158,11,.05);
  border: 1px solid rgba(245,158,11,.2);
  border-radius: 10px;
  cursor: pointer;
}
.respira-v71 .skill-config-rail-name { font-size: 12.5px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .skill-config-rail-desc {
  font-size: 11.5px; color: var(--rp-fg-muted); margin-top: 3px; line-height: 1.5;
}


.respira-v71 .skill-trigger-list {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;
}
.respira-v71 .skill-trigger {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,.02);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  cursor: pointer; text-align: left;
  color: var(--rp-fg);
  transition: all 120ms;
}
.respira-v71 .skill-trigger:hover { border-color: var(--rp-border-strong); }
.respira-v71 .skill-trigger.on {
  background: rgba(16,185,129,.08);
  border-color: rgba(16,185,129,.4);
  box-shadow: 0 0 0 1px rgba(16,185,129,.15) inset;
}
.respira-v71 .skill-trigger-check {
  width: 16px; height: 16px; border-radius: 4px;
  border: 1.5px solid var(--rp-border-strong);
  display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
  color: var(--rp-bg);
}
.respira-v71 .skill-trigger.on .skill-trigger-check {
  background: var(--rp-emerald-400);
  border-color: var(--rp-emerald-400);
}
.respira-v71 .skill-trigger-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.respira-v71 .skill-trigger-label { font-size: 12.5px; font-weight: 600; }
.respira-v71 .skill-trigger-desc { font-size: 10.5px; color: var(--rp-fg-subtle); letter-spacing: .04em; }


.respira-v71 .skill-config-danger { padding-top: 12px; }
.respira-v71 .skill-danger-row {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 12px 14px;
  background: rgba(244,63,94,.05);
  border: 1px solid rgba(244,63,94,.2);
  border-radius: 10px;
}
.respira-v71 .skill-danger-name { font-size: 12.5px; font-weight: 600; color: #fb7185; }
.respira-v71 .skill-danger-desc { font-size: 11.5px; color: var(--rp-fg-muted); margin-top: 3px; }
.respira-v71 .skill-danger-btn {
  background: transparent;
  border: 1px solid rgba(244,63,94,.4);
  color: #fb7185;
  padding: 6px 14px;
  border-radius: 6px;
  font: inherit; font-size: 12px; font-weight: 600;
  cursor: pointer;
}
.respira-v71 .skill-danger-btn:hover { background: rgba(244,63,94,.08); }


.respira-v71 .skill-config-foot {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 14px 24px;
  border-top: 1px solid var(--rp-border);
  background: rgba(0,0,0,.16);
  border-radius: 0 0 14px 14px;
}
.respira-v71 .skill-config-foot-status {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; color: var(--rp-fg-subtle); letter-spacing: .04em;
}
.respira-v71 .skill-config-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--rp-emerald-500);
  box-shadow: 0 0 8px rgba(16,185,129,.6);
}
.respira-v71 .skill-config-dot.dirty {
  background: #f59e0b;
  box-shadow: 0 0 8px rgba(245,158,11,.6);
  animation: rp-live-pulse 1.6s ease-out infinite;
}


.respira-v71 .ui-classic .skill-card.configuring {
  background: #fff;
  border-color: #2271b1;
  box-shadow: 0 0 0 1px #2271b1;
}
.respira-v71 .ui-classic .skill-config { background: #f6f7f7; }
.respira-v71 .ui-classic .skill-config-h { background: #fff; border-bottom-color: #dcdcde; }
.respira-v71 .ui-classic .skill-config-eb { color: #2271b1; }
.respira-v71 .ui-classic .skill-config-title { color: #1d2327; }
.respira-v71 .ui-classic .skill-config-ver { color: #50575e; border-color: #c3c4c7; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .skill-config-x { background: #fff; border-color: #c3c4c7; color: #50575e; }
.respira-v71 .ui-classic .skill-config-body { background: #f6f7f7; }
.respira-v71 .ui-classic .skill-config-sec-h h4 { color: #1d2327; }
.respira-v71 .ui-classic .skill-config-count { color: #50575e; border-color: #c3c4c7; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .skill-config-hint { color: #50575e; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .skill-scope-row { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .skill-scope-row.danger { background: #fcf0f1; border-color: #d63638; }
.respira-v71 .ui-classic .skill-scope-name { color: #1d2327; font-family: Consolas, monospace; }
.respira-v71 .ui-classic .skill-scope-row.danger .skill-scope-name { color: #d63638; }
.respira-v71 .ui-classic .skill-scope-desc { color: #50575e; }
.respira-v71 .ui-classic .skill-config-field { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .skill-config-field > label { color: #50575e; font-family: inherit; }
.respira-v71 .ui-classic .skill-config-field select { background: #fff; border-color: #c3c4c7; color: #1d2327; }
.respira-v71 .ui-classic .skill-config-stepper { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .skill-config-stepper > span { border-color: #c3c4c7; color: #1d2327; }
.respira-v71 .ui-classic .skill-config-rail { background: #fcf9e8; border-color: #f0b849; }
.respira-v71 .ui-classic .skill-config-rail-name { color: #1d2327; }
.respira-v71 .ui-classic .skill-trigger { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .skill-trigger.on { background: #f0f6fc; border-color: #2271b1; }
.respira-v71 .ui-classic .skill-trigger.on .skill-trigger-check { background: #2271b1; border-color: #2271b1; color: #fff; }
.respira-v71 .ui-classic .skill-danger-row { background: #fcf0f1; border-color: #d63638; }
.respira-v71 .ui-classic .skill-danger-name { color: #d63638; }
.respira-v71 .ui-classic .skill-danger-btn { color: #d63638; border-color: #d63638; }
.respira-v71 .ui-classic .skill-danger-btn:hover { background: #fcf0f1; }
.respira-v71 .ui-classic .skill-config-foot { background: #fff; border-top-color: #dcdcde; }



.respira-v71 .r-rail .updates {
  margin: 12px 10px 0;
  display: flex; flex-direction: column; gap: 8px;
}


.respira-v71 .rail-update {
  position: relative;
  padding: 11px 12px 11px 14px;
  background:
    linear-gradient(180deg, rgba(16,185,129,.10), rgba(16,185,129,.04)),
    var(--rp-surface);
  border: 1px solid rgba(16,185,129,.28);
  border-radius: 10px;
  display: flex; flex-direction: column; gap: 6px;
  cursor: pointer;
  transition: border-color 150ms;
}
.respira-v71 .rail-update::before {
  content: ""; position: absolute; left: 0; top: 11px; bottom: 11px; width: 2px;
  background: var(--rp-emerald-400); border-radius: 0 2px 2px 0;
}
.respira-v71 .rail-update:hover { border-color: rgba(16,185,129,.5); }
.respira-v71 .rail-update-h {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.respira-v71 .rail-update-eb {
  font-size: 9.5px; letter-spacing: .14em; font-weight: 700;
  color: var(--rp-emerald-400);
}
.respira-v71 .rail-update-dismiss {
  width: 16px; height: 16px;
  background: transparent; border: none;
  color: var(--rp-fg-subtle);
  cursor: pointer; padding: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 4px;
}
.respira-v71 .rail-update-dismiss:hover { background: rgba(255,255,255,.06); color: var(--rp-fg); }
.respira-v71 .rail-update-title {
  font-size: 12px; color: var(--rp-fg); font-weight: 600;
  letter-spacing: -0.005em; line-height: 1.3;
}
.respira-v71 .rail-update-meta {
  font-size: 10.5px; color: var(--rp-fg-muted); letter-spacing: 0;
  display: flex; align-items: center; gap: 6px;
}
.respira-v71 .rail-update-meta .ver {
  font-family: var(--rp-font-mono);
  color: var(--rp-fg-subtle);
}
.respira-v71 .rail-update-meta .arrow { color: var(--rp-fg-subtle); }
.respira-v71 .rail-update-meta .new-ver {
  font-family: var(--rp-font-mono);
  color: var(--rp-emerald-400); font-weight: 600;
}
.respira-v71 .rail-update-cta {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 600; color: var(--rp-emerald-400);
  margin-top: 2px;
}
.respira-v71 .rail-update-cta .arr { transition: transform 150ms; }
.respira-v71 .rail-update:hover .rail-update-cta .arr { transform: translateX(2px); }


.respira-v71 .rail-update.with-thumb {
  display: grid; grid-template-columns: 44px 1fr;
  align-items: stretch; gap: 10px;
  padding: 10px 12px 10px 12px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
}
.respira-v71 .rail-update.with-thumb::before { display: none; }
.respira-v71 .rail-update.with-thumb:hover { border-color: var(--rp-border-strong); }

.respira-v71 .rail-update-thumb {
  width: 44px; height: 44px; border-radius: 8px;
  position: relative; overflow: hidden;
  flex-shrink: 0;
  background:
    radial-gradient(circle at 30% 25%, #fda4af 0%, transparent 55%),
    radial-gradient(circle at 75% 70%, #c084fc 0%, transparent 55%),
    radial-gradient(circle at 60% 30%, #fde68a 0%, transparent 50%),
    linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
.respira-v71 .rail-update-thumb::after {
  
  content: ""; position: absolute; inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.18) 28%, rgba(255,255,255,0) 42%);
}
.respira-v71 .rail-update-thumb-badge {
  position: absolute; right: -4px; bottom: -4px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--rp-emerald-500);
  border: 2px solid var(--rp-surface);
  display: flex; align-items: center; justify-content: center;
  color: #fff;
}
.respira-v71 .rail-update.with-thumb .rail-update-body {
  display: flex; flex-direction: column; gap: 3px; min-width: 0;
}
.respira-v71 .rail-update.with-thumb .rail-update-eb { color: var(--rp-fg-subtle); }
.respira-v71 .rail-update.with-thumb .rail-update-title { font-size: 12.5px; }
.respira-v71 .rail-update.with-thumb .rail-update-meta { font-size: 10px; }


.respira-v71 .rail-update {
  animation: railUpdateIn 320ms cubic-bezier(.2,.7,.2,1) backwards;
}
.respira-v71 .rail-update:nth-child(2) { animation-delay: 60ms; }
@keyframes railUpdateIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}


.respira-v71 .ui-classic .rail-update {
  background: #f0f6fc; border-color: #2271b1;
}
.respira-v71 .ui-classic .rail-update::before { background: #2271b1; }
.respira-v71 .ui-classic .rail-update-eb { color: #2271b1; font-family: inherit; }
.respira-v71 .ui-classic .rail-update-title { color: #1d2327; }
.respira-v71 .ui-classic .rail-update-meta { color: #50575e; }
.respira-v71 .ui-classic .rail-update-meta .new-ver { color: #2271b1; }
.respira-v71 .ui-classic .rail-update-cta { color: #2271b1; }
.respira-v71 .ui-classic .rail-update.with-thumb { background: #fff; border-color: #c3c4c7; }
.respira-v71 .ui-classic .rail-update-thumb-badge { background: #2271b1; border-color: #fff; }



/* ===== bridge.css ===== */


.respira-v71 .rb-root {
  position: relative;
  background: linear-gradient(180deg, rgba(16,185,129,.04), rgba(16,185,129,.01) 60%, transparent);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  padding: 16px 20px 14px;
  overflow: hidden;
  isolation: isolate;
}
.respira-v71 .rb-root::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(900px 220px at 50% -20%, rgba(16,185,129,.05), transparent 60%);
}


.respira-v71 .rb-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap;
  margin-bottom: 14px; position: relative; z-index: 1;
}
.respira-v71 .rb-head-left { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.respira-v71 .rb-eb {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
}
.respira-v71 .rb-phrase {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 400;
  font-size: 15px; color: var(--rp-fg-muted);
  letter-spacing: 0;
}
.respira-v71 .rb-phrase em { color: var(--rp-emerald-300); font-style: italic; font-family: var(--rp-font-editorial); }

.respira-v71 .rb-head-right {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted);
}
.respira-v71 .rb-head-right b { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .rb-head-right .sep { color: var(--rp-fg-subtle); }


.respira-v71 .rb-stage {
  display: grid;
  grid-template-columns: 1fr 56px 1fr 56px 1fr;
  gap: 0;
  align-items: stretch;
  position: relative; z-index: 1;
}
.respira-v71 .rb-node {
  background: var(--rp-bg-2, var(--rp-surface));
  background: rgba(11, 16, 23, .6);
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  padding: 14px 16px;
  display: flex; flex-direction: column; gap: 10px;
  min-height: 112px;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.respira-v71 .rb-node.ok { border-color: rgba(16,185,129,.32); }
.respira-v71 .rb-node.amber { border-color: rgba(245,158,11,.32); }
.respira-v71 .rb-node.off { border-color: var(--rp-border); opacity: .7; }


.respira-v71 .rb-node-h {
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .rb-node-eb {
  font-family: var(--rp-font-mono); font-size: 10px;
  font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-fg);
}
.respira-v71 .rb-node-ct {
  margin-left: auto;
  font-family: var(--rp-font-mono); font-size: 10px;
  color: var(--rp-fg-subtle); letter-spacing: 0;
}


.respira-v71 .rb-dot {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--rp-fg-subtle);
  flex-shrink: 0;
  position: relative;
}
.respira-v71 .rb-dot.ok {
  background: var(--rp-emerald-500);
  box-shadow: 0 0 0 2px rgba(16,185,129,.2), 0 0 10px rgba(16,185,129,.5);
  animation: rb-dot-breath 3s ease-in-out infinite;
}
.respira-v71 .rb-dot.amber {
  background: var(--rp-warning);
  box-shadow: 0 0 0 2px rgba(245,158,11,.2), 0 0 10px rgba(245,158,11,.5);
  animation: rb-dot-breath 2s ease-in-out infinite;
}
.respira-v71 .rb-dot.off { background: var(--rp-fg-subtle); }
@keyframes rb-dot-breath {
  0%,100% { transform: scale(1); opacity: .9; }
  50% { transform: scale(1.15); opacity: 1; }
}


.respira-v71 .rb-node-body {
  display: flex; flex-direction: column; gap: 8px;
  flex: 1;
}
.respira-v71 .rb-node-meta {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-muted); letter-spacing: 0;
  display: flex; gap: 6px; align-items: center; flex-wrap: wrap;
}
.respira-v71 .rb-node-meta b { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .rb-node-meta .sep { color: var(--rp-fg-subtle); }


.respira-v71 .rb-agent-row { display: flex; gap: 8px; align-items: center; }
.respira-v71 .rb-agent-chip {
  position: relative;
  width: 36px; height: 36px; border-radius: 9px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .rb-agent-chip img { width: 22px; height: 22px; object-fit: contain; }
.respira-v71 .rb-agent-chip.idle { opacity: .45; }
.respira-v71 .rb-agent-chip.active {
  border-color: rgba(16,185,129,.4);
  background: rgba(16,185,129,.06);
}
.respira-v71 .rb-agent-live {
  position: absolute; top: -2px; right: -2px;
  width: 9px; height: 9px; border-radius: 50%;
  background: var(--rp-emerald-500);
  border: 2px solid var(--rp-bg);
  box-shadow: 0 0 8px rgba(16,185,129,.6);
}


.respira-v71 .rb-mandala-mini {
  width: 56px; height: 56px;
  margin: 0 auto;
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .rb-mandala-mini img {
  width: 50px; height: 50px;
  object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(16,185,129,.4));
  animation: rb-mandala-breath 4s ease-in-out infinite;
}
@keyframes rb-mandala-breath {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.04); }
}


.respira-v71 .rb-site-domain {
  font-family: var(--rp-font-sans);
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.015em;
  color: var(--rp-fg);
  line-height: 1.1;
  word-break: break-all;
  overflow-wrap: anywhere;
}


.respira-v71 .rb-link {
  display: flex; align-items: center;
  position: relative;
}
.respira-v71 .rb-link svg {
  width: 100%; height: 24px;
  overflow: visible;
}
.respira-v71 .rb-line {
  fill: none;
  stroke: var(--rp-border-strong);
  stroke-width: 1.2;
  stroke-dasharray: 3 4;
  opacity: .65;
}
.respira-v71 .rb-link.rb-link-on .rb-line {
  stroke: var(--rp-emerald-500);
  stroke-dasharray: none;
  opacity: 1;
  filter: drop-shadow(0 0 6px rgba(16,185,129,.4));
  animation: rb-line-pulse .9s ease-out;
}
.respira-v71 .rb-link.rb-link-on.write .rb-line { stroke: var(--rp-warning); filter: drop-shadow(0 0 6px rgba(245,158,11,.4)); }
.respira-v71 .rb-link.rb-link-on.deny .rb-line { stroke: var(--rp-error); filter: drop-shadow(0 0 6px rgba(244,63,94,.4)); }
@keyframes rb-line-pulse {
  0%   { stroke-width: 1.2; }
  35%  { stroke-width: 2.2; }
  100% { stroke-width: 1.2; }
}


.respira-v71 .rb-packet {
  fill: var(--rp-emerald-300);
  filter: drop-shadow(0 0 6px var(--rp-emerald-400));
}
.respira-v71 .rb-packet.write { fill: #fbbf24; filter: drop-shadow(0 0 6px var(--rp-warning)); }
.respira-v71 .rb-packet.deny { fill: #fb7185; filter: drop-shadow(0 0 6px var(--rp-error)); }


.respira-v71 .rb-fix {
  margin-top: 12px;
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px;
  background: rgba(245,158,11,.06);
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 8px;
  font-size: 12.5px;
  color: var(--rp-fg);
  position: relative; z-index: 1;
}
.respira-v71 .rb-fix-cta {
  color: var(--rp-emerald-400);
  font-weight: 600;
  margin-left: 4px;
  cursor: pointer;
}
.respira-v71 .rb-fix-cta:hover { color: var(--rp-emerald-300); text-decoration: underline; }


@media (max-width: 980px) {
  .respira-v71 .rb-stage {
    grid-template-columns: 1fr;
    grid-template-rows: auto 24px auto 24px auto;
    gap: 0;
  }
  .respira-v71 .rb-link {
    transform: rotate(90deg);
    transform-origin: center;
    height: 24px;
  }
}



/* ===== home-v2.css ===== */



.respira-v71 .home-hero {
  display: flex; flex-direction: column; gap: 14px;
  padding: 6px 0 2px;
}
.respira-v71 .home-hero .hero-eb {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--rp-font-mono); font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
}
.respira-v71 .home-hero .hero-eb .sep { color: var(--rp-fg-subtle); }
.respira-v71 .home-hero .hero-eb .date { color: var(--rp-fg-muted); font-weight: 500; }
.respira-v71 .home-hero h1 {
  margin: 4px 0 6px;
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 44px;
  line-height: 1.08;
  letter-spacing: -0.025em;
  color: var(--rp-fg);
  max-width: 920px;
  text-wrap: pretty;
}
.respira-v71 .home-hero h1 em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--rp-emerald-300);
  letter-spacing: -0.005em;
  font-size: 1em;
}
.respira-v71 .home-hero h1 .num { font-variant-numeric: tabular-nums; }
.respira-v71 .home-hero .lede {
  margin: 0; font-size: 15px;
  color: var(--rp-fg-muted);
  max-width: 720px; line-height: 1.55;
}


.respira-v71 .home-site-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 4px 10px 4px 6px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted); letter-spacing: .02em;
  background: rgba(16,185,129,.05);
  border: 1px solid rgba(16,185,129,.18);
  border-radius: 999px;
  white-space: nowrap;
}
.respira-v71 .home-site-chip .pin {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
}
.respira-v71 .home-site-chip b { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .home-site-chip .div { color: var(--rp-fg-subtle); }


.respira-v71 .hours-saved {
  display: grid;
  grid-template-columns: minmax(360px, 1.05fr) 1fr;
  gap: 18px;
  padding: 22px 26px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.015) 70%),
    var(--rp-surface);
  border: 1px solid rgba(16,185,129,.28);
  position: relative;
  overflow: hidden;
}
.respira-v71 .hours-saved::before {
  content: ""; position: absolute; right: -120px; top: -120px;
  width: 360px; height: 360px; border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,.18), transparent 60%);
  pointer-events: none;
}
.respira-v71 .hours-saved-left { position: relative; z-index: 1; }
.respira-v71 .hours-saved-eb {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 12px;
}
.respira-v71 .hours-saved-eb .tag {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400);
  padding: 2px 7px; border-radius: 999px; letter-spacing: .08em;
}
.respira-v71 .hours-saved-eb .tag.est { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .hours-saved-value {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 76px;
  line-height: .95;
  letter-spacing: -0.04em;
  color: var(--rp-fg);
  font-variant-numeric: tabular-nums;
  display: flex; align-items: baseline; gap: 8px;
  margin: 4px 0 8px;
}
.respira-v71 .hours-saved-value .h { color: var(--rp-fg); }
.respira-v71 .hours-saved-value .m {
  color: var(--rp-emerald-300);
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  font-size: 56px;
}
.respira-v71 .hours-saved-value .u {
  font-size: 18px; color: var(--rp-fg-muted); font-weight: 500; font-style: normal;
  font-family: var(--rp-font-mono); letter-spacing: 0;
}
.respira-v71 .hours-saved-sub {
  font-size: 14px; color: var(--rp-fg-muted);
  line-height: 1.5; max-width: 380px;
}
.respira-v71 .hours-saved-sub em { color: var(--rp-fg); font-style: normal; font-weight: 600; }
.respira-v71 .hours-saved-meta {
  display: flex; gap: 16px; align-items: center; margin-top: 14px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-subtle); letter-spacing: .02em;
}
.respira-v71 .hours-saved-meta button {
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-emerald-400); padding: 0;
}
.respira-v71 .hours-saved-meta button:hover { color: var(--rp-emerald-300); }


.respira-v71 .hours-saved-right {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  position: relative; z-index: 1;
  align-content: start;
}
.respira-v71 .hours-saved-tile {
  background: rgba(11, 16, 23, .55);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex; flex-direction: column; gap: 2px;
}
.respira-v71 .hours-saved-tile .lb {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600;
}
.respira-v71 .hours-saved-tile .v {
  font-size: 17px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -0.01em; line-height: 1.25;
  margin-top: 2px;
}
.respira-v71 .hours-saved-tile .v.mono { font-family: var(--rp-font-mono); font-size: 15px; font-weight: 500; }
.respira-v71 .hours-saved-tile .v .em { color: var(--rp-emerald-300); font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500; }
.respira-v71 .hours-saved-tile .sub { font-family: var(--rp-font-mono); font-size: 10.5px; color: var(--rp-fg-muted); margin-top: 4px; letter-spacing: 0; }


.respira-v71 .hsa-drawer {
  margin-top: 12px; padding: 12px 14px;
  background: rgba(0,0,0,.25);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted);
  line-height: 1.6;
}
.respira-v71 .hsa-drawer h5 { margin: 0 0 8px; color: var(--rp-fg); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.respira-v71 .hsa-drawer code { color: var(--rp-emerald-300); font-size: 11px; margin-left: auto; white-space: nowrap; }
.respira-v71 .hsa-drawer ul.hsa-rules { margin: 0 0 8px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; }
.respira-v71 .hsa-drawer .hsa-rules li { display: flex; align-items: baseline; gap: 8px; }
.respira-v71 .hsa-drawer .hsa-t { color: var(--rp-fg); font-weight: 600; min-width: 72px; flex-shrink: 0; }
.respira-v71 .hsa-drawer .hsa-n { opacity: .65; flex: 1; }
.respira-v71 .hsa-drawer p.hsa-note { margin: 0; opacity: .7; font-style: italic; }


.respira-v71 .honest-stats {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  padding: 14px 0 4px;
}
@media (max-width: 1180px) {
  .respira-v71 .honest-stats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .respira-v71 .honest-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .respira-v71 .honest-stats { grid-template-columns: 1fr; }
}
.respira-v71 .honest-stat {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  padding: 14px 16px 12px;
  position: relative;
  overflow: hidden;
  min-height: 96px;
}
.respira-v71 .honest-stat .lb {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600;
  display: flex; align-items: center; gap: 6px;
  justify-content: space-between;
}
.respira-v71 .honest-stat .lb .lb-left { display: inline-flex; align-items: center; gap: 6px; }
.respira-v71 .honest-stat .lb .lb-right { color: var(--rp-fg-subtle); font-size: 8.5px; letter-spacing: .14em; opacity: .8; }
.respira-v71 .honest-stat .lb .ic {
  color: var(--rp-emerald-400); opacity: .9;
}
.respira-v71 .honest-stat .v {
  font-family: var(--rp-font-mono); font-size: 30px;
  font-weight: 500; letter-spacing: -0.025em;
  color: var(--rp-fg); line-height: 1; margin-top: 10px;
  font-variant-numeric: tabular-nums;
}
.respira-v71 .honest-stat .v.warn { color: var(--rp-warning); }
.respira-v71 .honest-stat .v .u { color: var(--rp-fg-subtle); font-size: 14px; margin-left: 3px; letter-spacing: 0; }
.respira-v71 .honest-stat .v .div { color: var(--rp-fg-subtle); font-size: 14px; margin: 0 2px; }
.respira-v71 .honest-stat .sub {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-muted); margin-top: 8px; letter-spacing: 0;
}
.respira-v71 .honest-stat .sub .delta { color: var(--rp-emerald-400); font-weight: 600; }
.respira-v71 .honest-stat .sub .delta.dn { color: var(--rp-error); }
.respira-v71 .honest-stat .sub .delta.warn { color: var(--rp-warning); }


.respira-v71 .honest-stat .mark {
  position: absolute; top: 10px; right: 12px;
  width: 18px; height: 18px; opacity: .35;
}
.respira-v71 .honest-stat .mark img { width: 100%; height: 100%; }


.respira-v71 .honest-stat .frame { display: none; }


.respira-v71 .home-grid-2 {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 14px;
  margin-top: 4px;
}


.respira-v71 .home-site-banner {
  display: flex; align-items: center; gap: 14px;
  padding: 10px 14px;
  border: 1px dashed var(--rp-border-strong);
  border-radius: 10px;
  background: rgba(56,189,248,.03);
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted); letter-spacing: 0;
  margin: 6px 0 14px;
}
.respira-v71 .home-site-banner .label {
  background: rgba(56,189,248,.12);
  color: var(--rp-info);
  padding: 2px 7px; border-radius: 999px;
  font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600;
}
.respira-v71 .home-site-banner .url {
  color: var(--rp-fg); font-weight: 600;
}
.respira-v71 .home-site-banner .go {
  margin-left: auto; color: var(--rp-emerald-400); cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
}
.respira-v71 .home-site-banner .go:hover { color: var(--rp-emerald-300); }
.respira-v71 .home-site-banner .plan-chip {
  background: rgba(167,139,250,.15);
  color: var(--rp-violet-300, #c4b5fd);
  padding: 1px 7px; border-radius: 999px;
  font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600;
}
.respira-v71 .home-site-banner .div { opacity: .35; }


.respira-v71 .home-paths {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.respira-v71 .home-path {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  padding: 16px 18px;
  cursor: pointer;
  transition: all .15s ease;
  display: flex; flex-direction: column; gap: 4px;
  position: relative; overflow: hidden;
  text-align: left;
  width: 100%;
}
.respira-v71 .home-path:hover {
  border-color: rgba(16,185,129,.4);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
.respira-v71 .home-path.accent {
  background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(245,158,11,.015));
  border-color: rgba(245,158,11,.3);
}
.respira-v71 .home-path.accent.go { background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.015)); border-color: rgba(16,185,129,.4); }
.respira-v71 .home-path .eb {
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .14em; text-transform: uppercase;
  font-weight: 600; color: var(--rp-emerald-400);
  display: inline-flex; align-items: center; gap: 6px;
}
.respira-v71 .home-path.accent .eb { color: var(--rp-warning); }
.respira-v71 .home-path .t {
  font-size: 16px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -0.01em; margin-top: 6px;
}
.respira-v71 .home-path .d {
  font-size: 13px; color: var(--rp-fg-muted); line-height: 1.5;
  margin-top: 2px;
}
.respira-v71 .home-path .cta {
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-emerald-400); margin-top: 10px;
  display: inline-flex; align-items: center; gap: 6px;
}


.respira-v71 .brand-mandala-block {
  display: flex; align-items: center; gap: 20px;
  padding: 18px 22px;
  margin: 4px 0;
  position: relative; overflow: hidden;
}
.respira-v71 .brand-mandala-block .mark {
  width: 84px; height: 84px;
  position: relative;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.respira-v71 .brand-mandala-block .mark img {
  width: 84px; height: 84px; object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(16,185,129,.4));
  animation: rp-mandala-breath 5s ease-in-out infinite;
}
.respira-v71 .brand-mandala-block .wordmark {
  display: flex; flex-direction: column; gap: 6px;
}
.respira-v71 .brand-mandala-block .wm-line {
  font-family: var(--rp-font-sans);
  font-weight: 700; letter-spacing: -0.02em;
  font-size: 28px; line-height: 1;
}
.respira-v71 .brand-mandala-block .wm-line .wm-for {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 500;
  color: var(--rp-fg-muted); margin-left: 4px;
  font-size: 28px;
}
.respira-v71 .brand-mandala-block .wm-sub {
  font-family: var(--rp-font-mono); font-size: 11px;
  letter-spacing: .04em; color: var(--rp-fg-muted);
}



/* ===== setup hub ===== */

.respira-v71 .setup-hub {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 28px 36px 80px;
  overflow-y: auto;
}

.respira-v71 .setup-hub-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.respira-v71 .setup-hub-eb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-family: var(--rp-font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--rp-emerald-400);
}

.respira-v71 .setup-hub-eb .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--rp-emerald-500);
  box-shadow: 0 0 0 3px rgba(16,185,129,.16);
}

.respira-v71 .setup-hub-title {
  max-width: 760px;
  margin: 0;
  font-size: 30px;
  line-height: 1.12;
  font-weight: 720;
  color: var(--rp-fg);
}

.respira-v71 .setup-hub-sub {
  max-width: 760px;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--rp-fg-muted);
}

.respira-v71 .setup-hub-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.respira-v71 .setup-hub-tabs {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  background: var(--rp-surface);
}

.respira-v71 .setup-hub-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--rp-fg-muted);
  font: 600 12px/1 var(--rp-font-sans);
  cursor: pointer;
}

.respira-v71 .setup-hub-tab:hover {
  color: var(--rp-fg);
  background: var(--rp-surface-elevated);
}

.respira-v71 .setup-hub-tab.on {
  color: var(--rp-fg);
  background: var(--rp-surface-raised);
  box-shadow: inset 0 0 0 1px var(--rp-border);
}

.respira-v71 .setup-hub-body {
  min-width: 0;
}

.respira-v71 .setup-hub-body > .mock-root {
  min-height: 0;
}

.respira-v71 .setup-hub-body > .mcp-setup,
.respira-v71 .setup-hub-body > .mock-root {
  padding: 0;
}

@media (max-width: 960px) {
  .respira-v71 .setup-hub {
    padding: 22px 20px 64px;
  }

  .respira-v71 .setup-hub-head {
    flex-direction: column;
  }

  .respira-v71 .setup-hub-title {
    font-size: 24px;
  }
}



/* ===== connect-setup.css ===== */


.respira-v71 .mock-root .cs-shell {
  display: flex; flex-direction: column;
  gap: 24px;
  min-height: 100%;
}


.respira-v71 .mock-root .cs-pagehead {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-pageeb {
  font-family: var(--dp-mono); font-size: 11px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mk-em-4);
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 8px;
}
.respira-v71 .mock-root .cs-pageeb .dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--mk-em-5); box-shadow: 0 0 0 3px rgba(16,185,129,.18);
}
.respira-v71 .mock-root .cs-pagetitle {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 40px; line-height: 1.05; letter-spacing: -0.02em;
  color: var(--mk-fg); margin: 0 0 8px;
}
.respira-v71 .mock-root .cs-pagetitle em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-pagesub {
  font-size: 15px; color: var(--mk-fg-2); margin: 0; max-width: 640px;
}


.respira-v71 .mock-root .cs-grid {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  align-items: flex-start;
}


.respira-v71 .mock-root .cs-rail {
  position: sticky; top: 24px;
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 18px 16px;
  display: flex; flex-direction: column; gap: 18px;
}
.respira-v71 .mock-root.light .cs-rail { background: var(--mk-surface); }

.respira-v71 .mock-root .cs-brand { display: flex; align-items: center; gap: 10px; }
.respira-v71 .mock-root .cs-brand-mark {
  width: 28px; height: 28px; border-radius: 50%;
  background: radial-gradient(circle at 32% 32%, var(--mk-em-3), var(--mk-em-6));
  box-shadow: 0 0 12px rgba(16,185,129,.45);
}
.respira-v71 .mock-root .cs-brand-nm {
  font-family: var(--dp-serif); font-weight: 600; font-size: 18px;
  letter-spacing: -0.02em; color: var(--mk-fg);
}
.respira-v71 .mock-root .cs-brand-ver {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
  letter-spacing: .04em; margin-top: 2px;
}

.respira-v71 .mock-root .cs-steps {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .mock-root .cs-step {
  display: grid; grid-template-columns: 28px 1fr; gap: 10px;
  padding: 10px 10px; border-radius: 8px;
  cursor: pointer;
  border: 1px solid transparent;
  align-items: center;
  transition: background .12s, border-color .12s;
}
.respira-v71 .mock-root .cs-step:hover { background: rgba(255,255,255,.03); }
.respira-v71 .mock-root.light .cs-step:hover { background: rgba(28,25,23,.04); }
.respira-v71 .mock-root .cs-step.cur {
  background: rgba(16,185,129,.08);
  border-color: rgba(16,185,129,.4);
}
.respira-v71 .mock-root .cs-step-n {
  width: 26px; height: 26px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--mk-bg);
  border: 1px solid var(--mk-line-2);
  font-family: var(--dp-mono); font-size: 11px; font-weight: 600;
  color: var(--mk-fg-2);
}
.respira-v71 .mock-root.light .cs-step-n { background: var(--mk-surface-2, #fbf6ec); }
.respira-v71 .mock-root .cs-step.cur .cs-step-n {
  background: var(--mk-em-5); color: #001a17; border-color: var(--mk-em-4);
}
.respira-v71 .mock-root .cs-step.done .cs-step-n {
  background: rgba(16,185,129,.15); color: var(--mk-em-4); border-color: rgba(16,185,129,.4);
}
.respira-v71 .mock-root .cs-step-body { display: flex; flex-direction: column; gap: 1px; }
.respira-v71 .mock-root .cs-step-t { font-size: 13px; font-weight: 500; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-step.cur .cs-step-t { color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-step-d {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
  letter-spacing: .04em;
}

.respira-v71 .mock-root .cs-rail-foot {
  font-size: 11px; color: var(--mk-fg-3); line-height: 1.5;
  padding: 12px 6px 0;
  border-top: 1px solid var(--mk-line);
}


.respira-v71 .mock-root .cs-main { min-width: 0; }
.respira-v71 .mock-root .cs-content { display: flex; flex-direction: column; gap: 14px; }
.respira-v71 .mock-root .cs-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mk-em-4);
}
.respira-v71 .mock-root .cs-h {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 36px; line-height: 1.1; letter-spacing: -0.02em;
  color: var(--mk-fg); margin: 4px 0 4px;
}
.respira-v71 .mock-root .cs-h em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-lede {
  font-size: 15px; color: var(--mk-fg-2); margin: 0 0 14px;
  max-width: 660px; line-height: 1.55;
}


.respira-v71 .mock-root .cs-nav-row {
  display: flex; gap: 10px; align-items: center;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-nav-row .skip { margin-left: auto; }


.respira-v71 .mock-root .cs-hubnote {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid rgba(16,185,129,.3);
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.02));
  border-radius: 10px;
  margin-bottom: 12px;
}
.respira-v71 .mock-root .cs-hubnote-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; color: var(--mk-em-4);
  display: flex; align-items: center; gap: 8px;
  flex-shrink: 0;
  padding-top: 1px;
}
.respira-v71 .mock-root .cs-hubnote-eb .dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--mk-em-5);
  box-shadow: 0 0 0 3px rgba(16,185,129,.2);
}
.respira-v71 .mock-root .cs-hubnote-b { font-size: 13px; color: var(--mk-fg); line-height: 1.55; }
.respira-v71 .mock-root .cs-hubnote-b a { color: var(--mk-em-3); text-decoration: underline; }


.respira-v71 .mock-root .cs-welcome-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin-top: 8px;
}
.respira-v71 .mock-root .cs-wcard {
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 10px;
  padding: 16px;
}
.respira-v71 .mock-root.light .cs-wcard { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-wcard-n {
  font-family: var(--dp-mono); font-size: 14px; color: var(--mk-em-4);
  margin-bottom: 8px;
}
.respira-v71 .mock-root .cs-wcard h4 {
  font-family: var(--dp-sans); font-size: 14px; font-weight: 600;
  margin: 0 0 6px; color: var(--mk-fg);
}
.respira-v71 .mock-root .cs-wcard p {
  font-size: 12.5px; color: var(--mk-fg-2); margin: 0; line-height: 1.5;
}


.respira-v71 .mock-root .cs-picker {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
.respira-v71 .mock-root .cs-opt {
  text-align: left;
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  display: flex; flex-direction: column; gap: 6px;
}
.respira-v71 .mock-root.light .cs-opt { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-opt:hover { border-color: var(--mk-line-2); }
.respira-v71 .mock-root .cs-opt.sel {
  border-color: var(--mk-em-4);
  box-shadow: 0 0 0 1px var(--mk-em-4), 0 4px 24px rgba(16,185,129,.1);
}
.respira-v71 .mock-root .cs-opt-h {
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .mock-root .cs-opt-h img { width: 20px; height: 20px; object-fit: contain; }
.respira-v71 .mock-root .cs-opt-nm { font-size: 15px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-opt-ds { font-size: 13px; color: var(--mk-fg-2); line-height: 1.5; }
.respira-v71 .mock-root .cs-opt-extra {
  font-family: var(--dp-mono); font-size: 10.5px;
  color: var(--mk-fg-3); letter-spacing: .04em;
  margin-top: 4px;
}


.respira-v71 .mock-root .cs-gov-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.respira-v71 .mock-root .cs-gov {
  text-align: left;
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 12px;
  padding: 16px;
  cursor: pointer;
  display: flex; flex-direction: column; gap: 8px;
  position: relative;
}
.respira-v71 .mock-root.light .cs-gov { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-gov.sel { border-color: var(--mk-em-4); box-shadow: 0 0 0 1px var(--mk-em-4); }
.respira-v71 .mock-root .cs-gov-h { display: flex; flex-direction: column; gap: 2px; }
.respira-v71 .mock-root .cs-gov-nm { font-size: 14px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-gov-sub {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .08em;
  color: var(--mk-fg-3); text-transform: uppercase;
}
.respira-v71 .mock-root .cs-gov-d { font-size: 12.5px; color: var(--mk-fg-2); margin: 0; line-height: 1.5; }
.respira-v71 .mock-root .cs-gov-check {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-em-4); margin-top: auto;
  letter-spacing: .04em;
}

.respira-v71 .mock-root .cs-gov-rules {
  border: 1px solid var(--mk-line);
  border-radius: 10px;
  padding: 0;
}
.respira-v71 .mock-root .cs-gov-rules summary {
  list-style: none;
  cursor: pointer;
  padding: 12px 14px;
  font-size: 13px;
  color: var(--mk-em-4);
  font-family: var(--dp-mono);
  letter-spacing: .04em;
}
.respira-v71 .mock-root .cs-gov-rules summary::-webkit-details-marker { display: none; }
.respira-v71 .mock-root .cs-gov-tbl {
  width: 100%; border-collapse: collapse;
  font-size: 12.5px;
}
.respira-v71 .mock-root .cs-gov-tbl th, .respira-v71 .mock-root .cs-gov-tbl td {
  padding: 10px 14px; text-align: left;
  border-top: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-gov-tbl th {
  font-family: var(--dp-mono); font-size: 10px;
  text-transform: uppercase; letter-spacing: .12em;
  color: var(--mk-fg-3);
}
.respira-v71 .mock-root .cs-gov-tbl td:first-child {
  font-family: var(--dp-mono); color: var(--mk-fg-2);
}


.respira-v71 .mock-root .mk-pill.danger {
  background: rgba(244,63,94,.12); color: var(--mk-rose);
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 999px; padding: 3px 8px; font-size: 11px;
}
.respira-v71 .mock-root .mk-pill.danger .dot {
  width: 6px; height: 6px; border-radius: 50%; background: var(--mk-rose);
}


.respira-v71 .mock-root .cs-scope-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
}
.respira-v71 .mock-root .cs-scope {
  text-align: left;
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 10px;
  padding: 12px;
  cursor: pointer;
  display: flex; flex-direction: column; gap: 6px;
}
.respira-v71 .mock-root.light .cs-scope { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-scope.sel { border-color: var(--mk-em-4); box-shadow: 0 0 0 1px var(--mk-em-4); }
.respira-v71 .mock-root .cs-scope-h {
  display: flex; justify-content: space-between; align-items: center;
}
.respira-v71 .mock-root .cs-scope-nm { font-size: 13px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-scope-risk {
  font-family: var(--dp-mono); font-size: 9.5px; font-weight: 600;
  padding: 2px 6px; border-radius: 4px; letter-spacing: .08em;
}
.respira-v71 .mock-root .cs-scope-risk.r-low { background: rgba(16,185,129,.15); color: var(--mk-em-4); }
.respira-v71 .mock-root .cs-scope-risk.r-med { background: rgba(245,158,11,.15); color: var(--mk-amber); }
.respira-v71 .mock-root .cs-scope-risk.r-high { background: rgba(244,63,94,.15); color: var(--mk-rose); }
.respira-v71 .mock-root .cs-scope-d {
  font-size: 11.5px; color: var(--mk-fg-2); margin: 0; line-height: 1.45;
}

.respira-v71 .mock-root .cs-pair-card {
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 14px;
  padding: 20px;
  display: flex; flex-direction: column; gap: 16px;
}
.respira-v71 .mock-root.light .cs-pair-card { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-pair-h {
  display: flex; align-items: center; gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-pair-h img { width: 24px; height: 24px; object-fit: contain; }
.respira-v71 .mock-root .cs-pair-h h3 {
  font-family: var(--dp-serif); font-size: 22px; font-weight: 500;
  letter-spacing: -0.02em; margin: 0; color: var(--mk-fg);
}
.respira-v71 .mock-root .cs-pair-meta {
  font-family: var(--dp-mono); font-size: 11px;
  color: var(--mk-fg-3); margin-top: 2px;
}
.respira-v71 .mock-root .cs-pair-meta strong { color: var(--mk-fg-2); }

.respira-v71 .mock-root .cs-pair-step {
  display: grid; grid-template-columns: 28px 1fr; gap: 14px;
}
.respira-v71 .mock-root .cs-pair-step .n {
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--mk-bg); border: 1px solid var(--mk-line-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 12px; font-weight: 600;
  color: var(--mk-fg-2);
}
.respira-v71 .mock-root.light .cs-pair-step .n { background: var(--mk-bg); }
.respira-v71 .mock-root .cs-pair-step .b .t { font-size: 14px; font-weight: 600; color: var(--mk-fg); margin-bottom: 4px; }
.respira-v71 .mock-root .cs-pair-step .b .d { font-size: 12.5px; color: var(--mk-fg-2); line-height: 1.5; margin-bottom: 8px; }

.respira-v71 .mock-root .cs-codeline {
  display: flex; align-items: center; gap: 8px;
  background: var(--mk-bg);
  border: 1px solid var(--mk-line);
  border-radius: 6px;
  padding: 8px 10px;
  font-family: var(--dp-mono);
  font-size: 12px;
  color: var(--mk-em-3);
  margin-top: 4px;
}
.respira-v71 .mock-root.light .cs-codeline { background: var(--mk-bg-2); }
.respira-v71 .mock-root .cs-codeline code { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .mock-root .cs-codeline-block code {
  white-space: pre; overflow: auto;
}
.respira-v71 .mock-root .cs-codeline-block { align-items: flex-start; padding: 12px; }

.respira-v71 .mock-root .cs-pair-actions {
  display: flex; gap: 10px; flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--mk-line);
}


.respira-v71 .mock-root .cs-status-row {
  display: flex; align-items: center; gap: 14px;
  padding: 14px 16px;
  border: 1px solid rgba(16,185,129,.3);
  background: linear-gradient(90deg, rgba(16,185,129,.06), rgba(16,185,129,.01));
  border-radius: 12px;
}
.respira-v71 .mock-root .cs-pulse {
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--mk-em-4);
  box-shadow: 0 0 0 0 rgba(16,185,129,.6);
  animation: cs-pulse 2s ease-out infinite;
  flex-shrink: 0;
}
@keyframes cs-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(16,185,129,.5); }
  100% { box-shadow: 0 0 0 14px rgba(16,185,129,0); }
}
.respira-v71 .mock-root .cs-status-t { font-size: 14px; font-weight: 500; color: var(--mk-fg); display: flex; align-items: center; }
.respira-v71 .mock-root .cs-status-d {
  font-family: var(--dp-mono); font-size: 11px; color: var(--mk-fg-3);
  margin-top: 4px; letter-spacing: .04em;
}

.respira-v71 .mock-root .cs-agents-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
}
.respira-v71 .mock-root .cs-agent {
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 12px;
  padding: 14px;
  display: flex; flex-direction: column; gap: 10px;
  position: relative;
}
.respira-v71 .mock-root.light .cs-agent { background: var(--mk-surface); }
.respira-v71 .mock-root .cs-agent.connected { border-color: rgba(16,185,129,.3); }
.respira-v71 .mock-root .cs-agent.idle { opacity: .85; }
.respira-v71 .mock-root .cs-agent.pending { border-style: dashed; }
.respira-v71 .mock-root .cs-agent-h { display: flex; align-items: center; gap: 8px; }
.respira-v71 .mock-root .cs-agent-h img { width: 18px; height: 18px; object-fit: contain; }
.respira-v71 .mock-root .cs-agent-nm { font-size: 14px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-agent-state {
  margin-left: auto;
  font-family: var(--dp-mono); font-size: 10px;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 8px; border-radius: 999px;
  letter-spacing: .04em;
}
.respira-v71 .mock-root .cs-agent-state .dot { width: 6px; height: 6px; border-radius: 50%; }
.respira-v71 .mock-root .cs-agent-state.s-connected { background: rgba(16,185,129,.15); color: var(--mk-em-4); }
.respira-v71 .mock-root .cs-agent-state.s-connected .dot { background: var(--mk-em-4); box-shadow: 0 0 6px var(--mk-em-4); }
.respira-v71 .mock-root .cs-agent-state.s-idle { background: rgba(94,108,122,.18); color: var(--mk-fg-3); }
.respira-v71 .mock-root .cs-agent-state.s-idle .dot { background: var(--mk-fg-3); }
.respira-v71 .mock-root .cs-agent-state.s-pending { background: rgba(245,158,11,.15); color: var(--mk-amber); }
.respira-v71 .mock-root .cs-agent-state.s-pending .dot { background: var(--mk-amber); }

.respira-v71 .mock-root .cs-agent-meta {
  display: flex; flex-direction: column; gap: 4px;
  padding: 8px 0;
  border-top: 1px solid var(--mk-line);
  border-bottom: 1px solid var(--mk-line);
  font-size: 12px;
}
.respira-v71 .mock-root .cs-agent-meta > div {
  display: flex; justify-content: space-between; align-items: center; gap: 8px;
}
.respira-v71 .mock-root .cs-agent-k {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
  letter-spacing: .08em; text-transform: uppercase;
}
.respira-v71 .mock-root .cs-agent-actions {
  display: flex; gap: 6px;
}
.respira-v71 .mock-root .cs-agent-actions .mk-btn { flex: 1; }
.respira-v71 .mock-root .cs-danger { color: var(--mk-rose) !important; }

.respira-v71 .mock-root .cs-agent-add {
  border-style: dashed;
  border-color: var(--mk-line-2);
  background: transparent;
  cursor: pointer;
  text-align: center;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px;
  color: var(--mk-fg-2);
  padding: 24px;
}
.respira-v71 .mock-root .cs-agent-add:hover { border-color: var(--mk-em-4); color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-agent-add-plus {
  font-family: var(--dp-mono); font-size: 32px; font-weight: 300;
  color: var(--mk-em-4); line-height: 1;
}
.respira-v71 .mock-root .cs-agent-add-t { font-size: 14px; font-weight: 500; color: var(--mk-fg); }
.respira-v71 .mock-root .cs-agent-add-d { font-size: 11.5px; color: var(--mk-fg-3); }


.respira-v71 .mock-root .cs-hub-cta {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 20px;
  padding: 20px 24px;
  border: 1px solid var(--mk-line);
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.01));
  border-radius: 14px;
  margin-top: 8px;
  grid-column: 1 / -1;
}
.respira-v71 .mock-root .cs-hub-cta-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mk-em-4); margin-bottom: 6px;
  grid-column: 1 / -1;
}
.respira-v71 .mock-root .cs-hub-cta-b h3 {
  font-family: var(--dp-serif); font-size: 22px; font-weight: 500;
  letter-spacing: -0.02em; color: var(--mk-fg); margin: 0 0 6px;
}
.respira-v71 .mock-root .cs-hub-cta-b p {
  font-size: 13px; color: var(--mk-fg-2); margin: 0; line-height: 1.55;
  max-width: 540px;
}




.respira-v71 .mock-root .cs-activate {
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 14px;
  padding: 22px;
  display: flex; flex-direction: column; gap: 18px;
  position: relative;
  overflow: hidden;
}
.respira-v71 .mock-root.light .cs-activate { background: var(--mk-surface); }

.respira-v71 .mock-root .cs-activate-connected { border-color: rgba(16,185,129,.4); }
.respira-v71 .mock-root .cs-activate-not_connected { border-color: rgba(245,158,11,.4); }
.respira-v71 .mock-root .cs-activate-no_key { border-color: rgba(245,158,11,.4); }
.respira-v71 .mock-root .cs-activate-unlicensed { border-color: rgba(244,63,94,.4); }

.respira-v71 .mock-root .cs-activate-h {
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-activate-pill {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--dp-mono); font-size: 11px; font-weight: 600;
  padding: 5px 10px; border-radius: 999px;
  letter-spacing: .04em;
}
.respira-v71 .mock-root .cs-activate-pill .dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
.respira-v71 .mock-root .cs-activate-pill-success { background: rgba(16,185,129,.15); color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-activate-pill-success .dot { background: var(--mk-em-4); box-shadow: 0 0 8px var(--mk-em-4); }
.respira-v71 .mock-root .cs-activate-pill-warn { background: rgba(245,158,11,.15); color: var(--mk-amber); }
.respira-v71 .mock-root .cs-activate-pill-warn .dot { background: var(--mk-amber); }
.respira-v71 .mock-root .cs-activate-pill-danger { background: rgba(244,63,94,.15); color: var(--mk-rose); }
.respira-v71 .mock-root .cs-activate-pill-danger .dot { background: var(--mk-rose); }

.respira-v71 .mock-root .cs-activate-site {
  font-family: var(--dp-mono); font-size: 12px; color: var(--mk-fg-2);
  display: inline-flex; align-items: center; gap: 8px;
  letter-spacing: .04em;
}
.respira-v71 .mock-root .cs-activate-globe { color: var(--mk-em-4); font-size: 10px; }

.respira-v71 .mock-root .cs-activate-flow { display: flex; flex-direction: column; gap: 0; }
.respira-v71 .mock-root .cs-act-leg {
  display: grid;
  grid-template-columns: 32px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px 0;
}
.respira-v71 .mock-root .cs-act-rail {
  width: 2px; height: 18px;
  background: var(--mk-line-2);
  margin-left: 15px;
  border-radius: 1px;
}
.respira-v71 .mock-root .cs-act-leg.ok ~ .cs-act-rail { background: var(--mk-em-4); }

.respira-v71 .mock-root .cs-act-leg-n {
  width: 32px; height: 32px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--mk-bg);
  border: 1px solid var(--mk-line-2);
  color: var(--mk-fg-3);
  font-family: var(--dp-mono); font-size: 12px; font-weight: 600;
}
.respira-v71 .mock-root .cs-act-leg.ok .cs-act-leg-n {
  background: rgba(16,185,129,.15); border-color: var(--mk-em-4); color: var(--mk-em-3);
}
.respira-v71 .mock-root .cs-act-leg.pending .cs-act-leg-n {
  background: rgba(245,158,11,.12); border-color: var(--mk-amber); color: var(--mk-amber);
  animation: cs-act-pulse 1.8s ease-in-out infinite;
}
.respira-v71 .mock-root .cs-act-leg.off .cs-act-leg-n { opacity: .5; }
@keyframes cs-act-pulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(245,158,11,0); }
  50%     { box-shadow: 0 0 0 6px rgba(245,158,11,.18); }
}

.respira-v71 .mock-root .cs-act-leg-t { font-size: 14px; font-weight: 600; color: var(--mk-fg); margin-bottom: 2px; }
.respira-v71 .mock-root .cs-act-leg-d { font-size: 12px; color: var(--mk-fg-2); font-family: var(--dp-mono); letter-spacing: .02em; }
.respira-v71 .mock-root .cs-act-leg.off .cs-act-leg-t, .respira-v71 .mock-root .cs-act-leg.off .cs-act-leg-d { opacity: .6; }

.respira-v71 .mock-root .cs-act-leg-state {
  font-family: var(--dp-mono); font-size: 11px; font-weight: 500;
  color: var(--mk-fg-3); letter-spacing: .04em;
  white-space: nowrap;
}
.respira-v71 .mock-root .cs-act-leg.ok .cs-act-leg-state { color: var(--mk-em-4); }
.respira-v71 .mock-root .cs-act-leg.pending .cs-act-leg-state { color: var(--mk-amber); }

.respira-v71 .mock-root .cs-activate-actions {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  padding-top: 14px;
  border-top: 1px solid var(--mk-line);
}
.respira-v71 .mock-root .cs-activate-trust {
  font-size: 11.5px; color: var(--mk-fg-3);
  margin-left: auto;
}

.respira-v71 .mock-root .cs-activate-demo {
  border: 1px dashed var(--mk-line-2);
  border-radius: 10px;
  padding: 0;
  margin-top: 4px;
}
.respira-v71 .mock-root .cs-activate-demo summary {
  list-style: none;
  cursor: pointer;
  padding: 10px 14px;
  font-family: var(--dp-mono); font-size: 11px; letter-spacing: .04em;
  color: var(--mk-fg-3);
}
.respira-v71 .mock-root .cs-activate-demo summary::-webkit-details-marker { display: none; }
.respira-v71 .mock-root .cs-activate-demo[open] summary { color: var(--mk-fg-2); border-bottom: 1px dashed var(--mk-line-2); }
.respira-v71 .mock-root .cs-activate-demo-row {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding: 12px 14px;
}
.respira-v71 .mock-root .cs-activate-demo-btn {
  font-family: var(--dp-mono); font-size: 11px;
  padding: 6px 10px; border-radius: 6px;
  border: 1px solid var(--mk-line);
  background: transparent;
  color: var(--mk-fg-2);
  cursor: pointer;
}
.respira-v71 .mock-root .cs-activate-demo-btn:hover { border-color: var(--mk-em-4); color: var(--mk-em-3); }
.respira-v71 .mock-root .cs-activate-demo-btn.sel { background: var(--mk-em-5); color: #001a17; border-color: var(--mk-em-4); }




@media (max-width: 1024px) {
  .respira-v71 .mock-root .cs-grid { grid-template-columns: 220px 1fr; gap: 20px; }
  .respira-v71 .mock-root .cs-pagetitle { font-size: 34px; }
  .respira-v71 .mock-root .cs-h { font-size: 30px; }
  .respira-v71 .mock-root .cs-welcome-grid, .respira-v71 .mock-root .cs-picker { grid-template-columns: 1fr 1fr; gap: 10px; }
  .respira-v71 .mock-root .cs-gov-grid { grid-template-columns: 1fr; }
  .respira-v71 .mock-root .cs-scope-row { grid-template-columns: 1fr 1fr; }
  .respira-v71 .mock-root .cs-agents-grid { grid-template-columns: 1fr 1fr; }
}


@media (max-width: 860px) {
  .respira-v71 .mock-root .cs-grid { grid-template-columns: 1fr; gap: 16px; }
  .respira-v71 .mock-root .cs-rail { position: static; padding: 14px; }
  .respira-v71 .mock-root .cs-brand { display: none; }
  .respira-v71 .mock-root .cs-steps {
    flex-direction: row;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 4px;
  }
  .respira-v71 .mock-root .cs-step {
    grid-template-columns: 24px 1fr;
    flex: 0 0 auto;
    min-width: 180px;
    padding: 8px 10px;
  }
  .respira-v71 .mock-root .cs-step-t { font-size: 12.5px; }
  .respira-v71 .mock-root .cs-step-d { display: none; }
  .respira-v71 .mock-root .cs-rail-foot { display: none; }
  .respira-v71 .mock-root .cs-pagehead { flex-direction: column; align-items: flex-start; gap: 14px; }
  .respira-v71 .mock-root .cs-pagetitle { font-size: 28px; }
  .respira-v71 .mock-root .cs-h { font-size: 26px; }
  .respira-v71 .mock-root .cs-welcome-grid, .respira-v71 .mock-root .cs-picker, .respira-v71 .mock-root .cs-agents-grid { grid-template-columns: 1fr; }
}


@media (max-width: 540px) {
  .respira-v71 .mock-root .cs-pagetitle { font-size: 24px; }
  .respira-v71 .mock-root .cs-h { font-size: 22px; }
  .respira-v71 .mock-root .cs-lede { font-size: 13.5px; }
  .respira-v71 .mock-root .cs-act-leg {
    grid-template-columns: 28px 1fr;
    row-gap: 6px;
  }
  .respira-v71 .mock-root .cs-act-leg-state { grid-column: 2; font-size: 10.5px; }
  .respira-v71 .mock-root .cs-scope-row { grid-template-columns: 1fr 1fr; gap: 8px; }
  .respira-v71 .mock-root .cs-nav-row { flex-direction: column; align-items: stretch; }
  .respira-v71 .mock-root .cs-nav-row .mk-btn { width: 100%; justify-content: center; }
  .respira-v71 .mock-root .cs-nav-row .skip { margin-left: 0; }
  .respira-v71 .mock-root .cs-activate-actions { flex-direction: column; align-items: stretch; }
  .respira-v71 .mock-root .cs-activate-trust { margin-left: 0; }
  .respira-v71 .mock-root .cs-pair-actions { flex-direction: column; }
  .respira-v71 .mock-root .cs-pair-actions .mk-btn { width: 100%; }
}



/* ===== intel-glance.css ===== */


.respira-v71 .intel-at-glance {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 16px;
  padding: 20px 22px 18px;
  overflow: hidden;
  position: relative;
}
.respira-v71 .intel-at-glance::before {
  content: ""; position: absolute; left: -80px; top: -80px;
  width: 240px; height: 240px; border-radius: 50%;
  background: radial-gradient(circle, rgba(167,139,250,.10), transparent 65%);
  pointer-events: none;
}

.respira-v71 .iag-h {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; margin-bottom: 14px;
  flex-wrap: wrap;
}
.respira-v71 .iag-h-left { min-width: 280px; }
.respira-v71 .iag-h-right { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }

.respira-v71 .iag-eb {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 8px;
}
.respira-v71 .iag-title {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--rp-fg);
  margin: 0;
}
.respira-v71 .iag-title em {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 500;
  color: var(--rp-emerald-300);
}

.respira-v71 .iag-tabs {
  display: flex; gap: 2px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  border-radius: 8px; padding: 2px;
}
.respira-v71 .iag-tabs button {
  padding: 6px 12px; border-radius: 6px;
  background: transparent; color: var(--rp-fg-muted);
  font-family: inherit; font-size: 12px; font-weight: 500;
  cursor: pointer; transition: all .12s ease;
}
.respira-v71 .iag-tabs button:hover { color: var(--rp-fg); }
.respira-v71 .iag-tabs button.on {
  background: rgba(16,185,129,.14);
  color: var(--rp-emerald-300);
}

.respira-v71 .iag-open {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-emerald-400); padding: 6px 10px;
  border: 1px solid rgba(16,185,129,.25); border-radius: 6px;
  background: rgba(16,185,129,.04);
}
.respira-v71 .iag-open:hover { background: rgba(16,185,129,.1); border-color: rgba(16,185,129,.45); }


.respira-v71 .iag-pane { display: flex; flex-direction: column; gap: 12px; }
.respira-v71 .iag-stat-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.respira-v71 .iag-stat {
  background: var(--rp-bg);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 10px 14px;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .iag-stat .lb {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; color: var(--rp-fg-subtle);
  font-weight: 600;
}
.respira-v71 .iag-stat .v {
  font-family: var(--rp-font-mono); font-size: 22px;
  font-weight: 500; color: var(--rp-fg); line-height: 1;
  letter-spacing: -0.015em; font-variant-numeric: tabular-nums;
}
.respira-v71 .iag-stat .v.warn { color: var(--rp-warning); }
.respira-v71 .iag-stat .d {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); letter-spacing: 0;
}
.respira-v71 .iag-stat .d.up { color: var(--rp-emerald-400); font-weight: 600; }

.respira-v71 .iag-chart-wrap {
  background: var(--rp-bg);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 8px 12px 10px;
}
.respira-v71 .intel-mini-chart {
  width: 100%; height: 110px;
  display: block;
}
.respira-v71 .iag-legend {
  display: flex; gap: 16px; align-items: center;
  font-family: var(--rp-font-mono); font-size: 10px;
  color: var(--rp-fg-muted); letter-spacing: .02em;
  margin-top: 4px;
}
.respira-v71 .iag-legend .dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 5px; vertical-align: middle; }
.respira-v71 .iag-xlabels {
  margin-left: auto;
  display: flex; gap: 280px;
  color: var(--rp-fg-subtle);
}


.respira-v71 .iag-tools { padding: 4px 0; }
.respira-v71 .iag-tool-row {
  display: grid; grid-template-columns: 60px 220px 1fr 60px;
  gap: 12px; padding: 8px 0;
  border-bottom: 1px solid var(--rp-border);
  align-items: center;
  font-family: var(--rp-font-mono); font-size: 12px;
}
.respira-v71 .iag-tool-row:last-child { border-bottom: none; }
.respira-v71 .iag-scope {
  font-size: 9.5px; letter-spacing: .1em; text-transform: uppercase;
  padding: 2px 6px; border-radius: 4px; text-align: center;
  font-weight: 600; width: fit-content;
}
.respira-v71 .iag-scope.read { background: rgba(56,189,248,.12); color: var(--rp-info); }
.respira-v71 .iag-scope.write { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .iag-scope.deny { background: rgba(244,63,94,.12); color: var(--rp-error); }
.respira-v71 .iag-tool-label { color: var(--rp-fg); }
.respira-v71 .iag-tool-bar {
  position: relative; height: 6px;
  background: var(--rp-border); border-radius: 3px; overflow: hidden;
}
.respira-v71 .iag-tool-bar > div { display: block; height: 100%; border-radius: 3px; background: var(--rp-emerald-500); }
.respira-v71 .iag-tool-bar > div.write { background: var(--rp-warning); }
.respira-v71 .iag-tool-bar > div.deny { background: var(--rp-error); }
.respira-v71 .iag-tool-n { font-family: var(--rp-font-mono); font-size: 12px; color: var(--rp-fg); text-align: right; font-weight: 500; }


.respira-v71 .iag-agents { display: flex; flex-direction: column; gap: 10px; padding: 4px 0; }
.respira-v71 .iag-agent-row { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .iag-agent-h { display: flex; align-items: center; gap: 10px; font-size: 12.5px; }
.respira-v71 .iag-agent-logo {
  width: 22px; height: 22px; border-radius: 5px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .iag-agent-logo img { width: 14px; height: 14px; }
.respira-v71 .iag-agent-nm { color: var(--rp-fg); font-weight: 600; flex: 1; }
.respira-v71 .iag-agent-pct { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg); font-weight: 500; }
.respira-v71 .iag-agent-actions { font-family: var(--rp-font-mono); font-size: 10.5px; color: var(--rp-fg-muted); }
.respira-v71 .iag-agent-bar {
  height: 6px; background: var(--rp-border); border-radius: 3px; overflow: hidden;
}
.respira-v71 .iag-agent-bar > div { height: 100%; border-radius: 3px; }



/* ===== designpass-mock.css ===== */



.respira-v71 .mock-root {
  font-family: var(--dp-sans);
  font-size: 13px; line-height: 1.5;
  color: var(--mk-fg);
  background: var(--mk-bg);
  border-radius: 12px;
  overflow: hidden;
  isolation: isolate;
}
.respira-v71 .mock-root.dark {
  --mk-bg: #070a0d;
  --mk-bg-2: #0b1017;
  --mk-surface: #101820;
  --mk-surface-2: #161e28;
  --mk-fg: #edf2f7;
  --mk-fg-2: #8899aa;
  --mk-fg-3: #5e6c7a;
  --mk-line: #1a232e;
  --mk-line-2: #243042;
  --mk-em-3: #6ee7b7;
  --mk-em-4: #34d399;
  --mk-em-5: #10b981;
  --mk-em-6: #059669;
  --mk-amber: #f59e0b;
  --mk-amber-soft: rgba(245,158,11,.12);
  --mk-rose: #f43f5e;
  --mk-info: #38bdf8;
  --mk-wp-bg: #1d2327;
  --mk-wp-fg: #c3c4c7;
  --mk-wp-blue: #2271b1;
  --mk-wp-blue-hi: #72aee6;
}
.respira-v71 .mock-root.light {
  --mk-bg: #f6f1e6;
  --mk-bg-2: #fbf6ec;
  --mk-surface: #fffaf0;
  --mk-surface-2: #ffffff;
  --mk-fg: #1c1917;
  --mk-fg-2: #57534e;
  --mk-fg-3: #8b8378;
  --mk-line: #e5dcc8;
  --mk-line-2: #d4c7ad;
  --mk-em-3: #0d6e7a;
  --mk-em-4: #0a4f5c;
  --mk-em-5: #0a4f5c;
  --mk-em-6: #07343d;
  --mk-amber: #b45309;
  --mk-amber-soft: rgba(180,83,9,.1);
  --mk-rose: #be123c;
  --mk-info: #0c4a6e;
  --mk-wp-bg: #1d2327;
  --mk-wp-fg: #c3c4c7;
  --mk-wp-blue: #2271b1;
  --mk-wp-blue-hi: #72aee6;
}


.respira-v71 .wp-shell {
  display: grid; grid-template-rows: 28px 1fr; min-height: 100%;
}
.respira-v71 .wp-topbar {
  background: var(--mk-wp-bg);
  color: var(--mk-wp-fg);
  font-size: 11px; font-weight: 500;
  display: flex; align-items: center;
  padding: 0 12px; gap: 16px;
}
.respira-v71 .wp-topbar .tb-dots {
  display: flex; gap: 4px;
}
.respira-v71 .wp-topbar .tb-dot { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.18); }
.respira-v71 .wp-topbar .tb-spc { flex: 1; }
.respira-v71 .wp-topbar .tb-item { opacity: .8; }
.respira-v71 .wp-topbar .tb-howdy { font-style: italic; font-family: var(--dp-serif); font-size: 12px; }

.respira-v71 .wp-body {
  display: grid;
  grid-template-columns: 168px 1fr;
  min-height: 540px;
}
.respira-v71 .wp-side {
  background: var(--mk-wp-bg);
  color: var(--mk-wp-fg);
  padding: 8px 0;
  font-size: 12px;
}
.respira-v71 .wp-side .wp-side-item {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 14px; opacity: .85;
}
.respira-v71 .wp-side .wp-side-item .ic { width: 12px; height: 12px; opacity: .6; }
.respira-v71 .wp-side .wp-side-respira {
  background: #070a0d;
  border-left: 3px solid var(--mk-em-5);
  padding-left: 11px;
  color: var(--mk-em-3);
  opacity: 1; font-weight: 600;
}
.respira-v71 .wp-side .wp-side-sub {
  background: #070a0d;
  padding: 4px 0 10px;
}
.respira-v71 .wp-side .wp-side-sub a {
  display: block; padding: 5px 14px 5px 36px;
  color: var(--mk-fg-2); font-size: 11.5px;
}
.respira-v71 .wp-side .wp-side-sub a.cur {
  color: var(--mk-em-3); font-weight: 600;
}
.respira-v71 .wp-side .wp-side-sub a .ct {
  margin-left: 6px; opacity: .6; font-family: var(--dp-mono); font-size: 10px;
}


.respira-v71 .wp-content {
  background: var(--mk-bg);
  color: var(--mk-fg);
  padding: 28px 32px 40px;
  position: relative;
  overflow: hidden;
}


.respira-v71 .mock-root.bare .wp-content { padding: 0; min-height: 540px; }


.respira-v71 .pg-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; padding-bottom: 14px;
}
.respira-v71 .pg-head .pg-title {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 36px; line-height: 1.05; letter-spacing: -0.02em;
  margin: 6px 0 4px; color: var(--mk-fg);
}
.respira-v71 .pg-head .pg-sub {
  font-size: 13px; color: var(--mk-fg-2); margin: 0; max-width: 540px;
}
.respira-v71 .pg-head .pg-eb {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-em-4);
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .pg-head .pg-eb .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--mk-em-5);
}

.respira-v71 .pg-head .pg-right { display: flex; align-items: center; gap: 10px; }


.respira-v71 .pg-tabs {
  display: flex; gap: 4px;
  border-bottom: 1px solid var(--mk-line);
  margin: 8px 0 24px;
}
.respira-v71 .pg-tabs .pg-tab {
  padding: 10px 14px;
  font-size: 13px; font-weight: 500;
  color: var(--mk-fg-2);
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: default;
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .pg-tabs .pg-tab.cur {
  color: var(--mk-fg); border-bottom-color: var(--mk-em-5);
  font-weight: 600;
}
.respira-v71 .pg-tabs .pg-tab .ct {
  font-family: var(--dp-mono); font-size: 10px;
  background: var(--mk-surface);
  padding: 1px 6px; border-radius: 999px;
}
.respira-v71 .pg-tabs .pg-tab.cur .ct {
  background: rgba(16,185,129,.14); color: var(--mk-em-4);
}


.respira-v71 .mk-card {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  overflow: hidden;
}
.respira-v71 .mock-root.light .mk-card { background: var(--mk-surface); }
.respira-v71 .mk-card.feature { background: var(--mk-surface); }
.respira-v71 .mk-card-h {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--mk-line);
}
.respira-v71 .mk-card-h h3 { margin: 0; font-size: 13px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .mk-card-h .meta { font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); letter-spacing: .04em; }
.respira-v71 .mk-card-b { padding: 16px 18px; }
.respira-v71 .mk-card-b.flush { padding: 0; }


.respira-v71 .mk-btn {
  display: inline-flex; align-items: center; gap: 6px;
  height: 30px; padding: 0 12px;
  border-radius: 6px;
  font-size: 12px; font-weight: 500;
  cursor: default; white-space: nowrap;
  border: 1px solid transparent;
}
.respira-v71 .mk-btn.sm { height: 26px; padding: 0 10px; font-size: 11px; }
.respira-v71 .mk-btn.lg { height: 38px; padding: 0 16px; font-size: 13px; }
.respira-v71 .mk-btn.primary { background: var(--mk-em-5); color: #001a17; font-weight: 600; }
.respira-v71 .mock-root.light .mk-btn.primary { color: #fdfbf3; }
.respira-v71 .mk-btn.secondary {
  background: rgba(16,185,129,.06); border-color: rgba(16,185,129,.3); color: var(--mk-em-4);
}
.respira-v71 .mock-root.light .mk-btn.secondary {
  background: rgba(10,79,92,.06); border-color: rgba(10,79,92,.25); color: var(--mk-em-4);
}
.respira-v71 .mk-btn.ghost { color: var(--mk-fg-2); border-color: var(--mk-line); }


.respira-v71 .mk-pill {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: var(--dp-mono); font-size: 10px; font-weight: 500;
  padding: 2px 7px; border-radius: 999px; letter-spacing: 0;
}
.respira-v71 .mk-pill .dot { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.respira-v71 .mk-pill.success { background: rgba(16,185,129,.12); color: var(--mk-em-4); }
.respira-v71 .mk-pill.warn { background: var(--mk-amber-soft); color: var(--mk-amber); }
.respira-v71 .mk-pill.danger { background: rgba(244,63,94,.12); color: var(--mk-rose); }
.respira-v71 .mk-pill.info { background: rgba(56,189,248,.12); color: var(--mk-info); }
.respira-v71 .mk-pill.tag { background: rgba(255,255,255,.05); color: var(--mk-fg-2); }
.respira-v71 .mock-root.light .mk-pill.tag { background: rgba(28,25,23,.05); color: var(--mk-fg-2); }


.respira-v71 .mk-live {
  display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--mk-em-5);
  box-shadow: 0 0 0 2px rgba(16,185,129,.18), 0 0 8px rgba(16,185,129,.6);
}
.respira-v71 .mock-root.light .mk-live { background: var(--mk-em-5); box-shadow: 0 0 0 2px rgba(10,79,92,.16), 0 0 8px rgba(10,79,92,.5); }


.respira-v71 .mk-mono { font-family: var(--dp-mono); }
.respira-v71 .mk-code {
  font-family: var(--dp-mono); font-size: 11px;
  background: rgba(255,255,255,.04); padding: 2px 6px;
  border-radius: 4px; color: var(--mk-fg-2);
}
.respira-v71 .mock-root.light .mk-code { background: rgba(28,25,23,.05); }


.respira-v71 .mk-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase; color: var(--mk-em-4);
}


.respira-v71 .mk-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.respira-v71 .mk-stat {
  position: relative;
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 10px;
  padding: 12px 14px;
}
.respira-v71 .mock-root.light .mk-stat { background: var(--mk-surface); }
.respira-v71 .mk-stat .eb {
  font-family: var(--dp-mono); font-size: 9.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-fg-3); font-weight: 600;
  margin-bottom: 6px;
}
.respira-v71 .mk-stat .value {
  font-family: var(--dp-mono); font-size: 24px; font-weight: 500;
  color: var(--mk-fg); line-height: 1; letter-spacing: -0.02em;
}
.respira-v71 .mk-stat .unit { font-size: 13px; color: var(--mk-fg-3); margin-left: 3px; }
.respira-v71 .mk-stat .foot {
  margin-top: 7px; font-family: var(--dp-mono); font-size: 10.5px;
  color: var(--mk-fg-3); display: flex; gap: 8px; align-items: center;
}
.respira-v71 .mk-stat .delta.up { color: var(--mk-em-4); }
.respira-v71 .mk-stat .delta.dn { color: var(--mk-rose); }
.respira-v71 .mk-stat .spark {
  position: absolute; top: 12px; right: 14px;
  width: 52px; height: 22px;
}


.respira-v71 .mk-list { display: flex; flex-direction: column; }
.respira-v71 .mk-list-row {
  display: grid; gap: 12px;
  padding: 12px 0; align-items: center;
  border-bottom: 1px solid var(--mk-line);
  font-size: 12px;
}
.respira-v71 .mk-list-row:last-child { border-bottom: none; }


.respira-v71 .mk-sec-h {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 14px; margin: 8px 0 12px;
}
.respira-v71 .mk-sec-h h3 {
  margin: 0; font-family: var(--dp-serif); font-weight: 500;
  font-size: 22px; letter-spacing: -0.01em;
}
.respira-v71 .mk-sec-h .meta { font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); letter-spacing: .04em; }


.respira-v71 .hm-hero {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 14px;
  margin-bottom: 18px;
}
.respira-v71 .hm-today {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 18px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.respira-v71 .mock-root.light .hm-today { background: var(--mk-surface); }
.respira-v71 .hm-today .today-eb {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-em-4);
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .hm-today .today-h {
  font-family: var(--dp-serif); font-weight: 500; font-size: 22px;
  letter-spacing: -0.01em; color: var(--mk-fg);
  margin: 0;
}
.respira-v71 .hm-today .today-h em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .hm-today .today-cols {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
  padding-top: 8px; border-top: 1px dashed var(--mk-line);
}
.respira-v71 .hm-today .today-col .lbl {
  font-family: var(--dp-mono); font-size: 9.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-fg-3); font-weight: 600;
  margin-bottom: 6px;
}
.respira-v71 .hm-today .today-col .v {
  font-family: var(--dp-mono); font-size: 20px; color: var(--mk-fg);
  letter-spacing: -0.01em;
}
.respira-v71 .hm-today .today-col .v .u { font-size: 12px; color: var(--mk-fg-3); margin-left: 4px; }
.respira-v71 .hm-today .today-col .sub { font-size: 11px; color: var(--mk-fg-2); margin-top: 4px; line-height: 1.4; }

.respira-v71 .hm-recent {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex; flex-direction: column;
}
.respira-v71 .mock-root.light .hm-recent { background: var(--mk-surface); }
.respira-v71 .hm-recent .lbl {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-fg-3); font-weight: 600;
  margin-bottom: 8px;
}
.respira-v71 .hm-recent .ev {
  display: grid; grid-template-columns: 38px 1fr;
  gap: 10px; padding: 8px 0;
  border-bottom: 1px solid var(--mk-line);
  font-size: 12px;
}
.respira-v71 .hm-recent .ev:last-child { border-bottom: none; }
.respira-v71 .hm-recent .ev .ts {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); padding-top: 1px;
}
.respira-v71 .hm-recent .ev .ln { color: var(--mk-fg); line-height: 1.45; }
.respira-v71 .hm-recent .ev .ln em { color: var(--mk-em-4); font-style: normal; font-weight: 600; }
.respira-v71 .hm-recent .ev .ln .sub { display: block; color: var(--mk-fg-2); font-size: 11px; margin-top: 2px; }

.respira-v71 .hm-quick {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
  margin-bottom: 18px;
}
.respira-v71 .hm-quick .q {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex; flex-direction: column; gap: 4px;
}
.respira-v71 .mock-root.light .hm-quick .q { background: var(--mk-surface); }
.respira-v71 .hm-quick .q.accent {
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.02));
  border-color: rgba(16,185,129,.3);
}
.respira-v71 .mock-root.light .hm-quick .q.accent {
  background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.015));
  border-color: rgba(10,79,92,.3);
}
.respira-v71 .hm-quick .q .eb {
  font-family: var(--dp-mono); font-size: 9.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-em-4); font-weight: 600;
}
.respira-v71 .hm-quick .q .t { font-size: 14px; font-weight: 600; color: var(--mk-fg); margin-top: 2px; }
.respira-v71 .hm-quick .q .d { font-size: 11.5px; color: var(--mk-fg-2); line-height: 1.4; margin-top: 2px; }
.respira-v71 .hm-quick .q .cta { font-size: 11px; color: var(--mk-em-4); font-weight: 500; margin-top: 8px; }


.respira-v71 .hm-empty {
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 18px;
}
.respira-v71 .hm-empty .hm-empty-hero {
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.02));
  border: 1px solid rgba(16,185,129,.3);
  border-radius: 14px; padding: 28px 28px 24px;
  position: relative; overflow: hidden;
}
.respira-v71 .mock-root.light .hm-empty .hm-empty-hero {
  background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.01));
  border-color: rgba(10,79,92,.3);
}
.respira-v71 .hm-empty .hm-empty-hero .ring {
  position: absolute; right: -80px; top: -80px; width: 240px; height: 240px;
  border-radius: 50%; border: 1px solid rgba(16,185,129,.2);
}
.respira-v71 .hm-empty .hm-empty-hero .ring.r2 { right: -60px; top: -60px; width: 200px; height: 200px; }
.respira-v71 .hm-empty .hm-empty-hero .ring.r3 { right: -40px; top: -40px; width: 160px; height: 160px; }
.respira-v71 .hm-empty .hm-empty-hero h2 {
  font-family: var(--dp-serif); font-weight: 500; font-size: 30px;
  margin: 14px 0 6px; letter-spacing: -0.015em; line-height: 1.1;
}
.respira-v71 .hm-empty .hm-empty-hero h2 em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .hm-empty .hm-empty-hero p {
  margin: 0 0 16px; font-size: 13.5px; line-height: 1.55;
  color: var(--mk-fg-2); max-width: 420px;
}

.respira-v71 .hm-checklist {
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .hm-checklist .step {
  display: grid; grid-template-columns: 28px 1fr auto; gap: 12px;
  padding: 12px 14px; border-radius: 10px;
  background: var(--mk-bg-2); border: 1px solid var(--mk-line);
  align-items: center;
}
.respira-v71 .mock-root.light .hm-checklist .step { background: var(--mk-surface); }
.respira-v71 .hm-checklist .step.cur {
  border-color: rgba(16,185,129,.4);
  background: linear-gradient(135deg, rgba(16,185,129,.06), rgba(16,185,129,.01));
}
.respira-v71 .hm-checklist .step.done { opacity: .7; }
.respira-v71 .hm-checklist .step .bullet {
  width: 22px; height: 22px; border-radius: 50%;
  border: 1px solid var(--mk-line-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 11px; color: var(--mk-fg-3);
}
.respira-v71 .hm-checklist .step.done .bullet {
  background: var(--mk-em-5); border-color: var(--mk-em-5); color: #001a17;
}
.respira-v71 .hm-checklist .step.cur .bullet { border-color: var(--mk-em-4); color: var(--mk-em-4); }
.respira-v71 .hm-checklist .step .t { font-size: 13px; font-weight: 600; color: var(--mk-fg); }
.respira-v71 .hm-checklist .step .d { font-size: 11.5px; color: var(--mk-fg-2); margin-top: 1px; }


.respira-v71 .mk-glyph {
  width: 56px; height: 56px;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 32%, var(--mk-em-3), var(--mk-em-6));
  box-shadow: 0 0 24px rgba(16,185,129,.35), inset 0 0 0 1px rgba(255,255,255,.1);
  position: relative;
}
.respira-v71 .mk-glyph::before {
  content: ""; position: absolute; inset: -8px;
  border-radius: 50%; border: 1px solid rgba(16,185,129,.25);
}


.respira-v71 .ap-layout {
  display: grid; grid-template-columns: 280px 1fr;
  gap: 14px; align-items: flex-start;
}
.respira-v71 .ap-side {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 14px;
}
.respira-v71 .mock-root.light .ap-side { background: var(--mk-surface); }
.respira-v71 .ap-side .lbl {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-fg-3); font-weight: 600;
  margin: 0 0 10px;
}
.respira-v71 .ap-side .filter {
  padding: 8px 10px; border-radius: 6px; font-size: 12px;
  color: var(--mk-fg-2); display: flex; align-items: center; justify-content: space-between;
}
.respira-v71 .ap-side .filter.cur {
  background: rgba(16,185,129,.1); color: var(--mk-em-4); font-weight: 600;
}
.respira-v71 .ap-side .filter .ct { font-family: var(--dp-mono); font-size: 10px; }

.respira-v71 .ap-queue { display: flex; flex-direction: column; gap: 10px; }
.respira-v71 .ap-item {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  overflow: hidden;
}
.respira-v71 .mock-root.light .ap-item { background: var(--mk-surface); }
.respira-v71 .ap-item.cur { border-color: rgba(16,185,129,.4); }
.respira-v71 .ap-item-h {
  display: grid; grid-template-columns: 1fr auto;
  padding: 12px 16px; gap: 12px;
  border-bottom: 1px solid var(--mk-line);
  align-items: center;
}
.respira-v71 .ap-item-h .who { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.respira-v71 .ap-item-h .who .av {
  width: 22px; height: 22px; border-radius: 5px;
  background: var(--mk-surface-2); border: 1px solid var(--mk-line);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-2);
}
.respira-v71 .ap-item-h .who strong { color: var(--mk-fg); }
.respira-v71 .ap-item-h .ts { font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); }
.respira-v71 .ap-item-h .actions { display: flex; gap: 6px; align-items: center; }

.respira-v71 .ap-item-body { padding: 16px 18px; }
.respira-v71 .ap-item-body .title {
  font-size: 16px; font-weight: 600; color: var(--mk-fg);
  margin: 0 0 4px; letter-spacing: -0.01em;
}
.respira-v71 .ap-item-body .sub { font-size: 12px; color: var(--mk-fg-2); margin: 0 0 14px; }
.respira-v71 .ap-item-body .scope {
  display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px;
}

.respira-v71 .ap-diff {
  border: 1px solid var(--mk-line);
  border-radius: 8px; overflow: hidden;
  font-family: var(--dp-mono); font-size: 11px;
}
.respira-v71 .ap-diff-row {
  display: grid; grid-template-columns: 28px 130px 1fr; gap: 8px;
  padding: 6px 10px; align-items: baseline;
}
.respira-v71 .ap-diff-row.head {
  background: var(--mk-surface);
  font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--mk-fg-3); font-weight: 600;
}
.respira-v71 .ap-diff-row.minus { background: rgba(244,63,94,.05); }
.respira-v71 .ap-diff-row.plus { background: rgba(16,185,129,.05); }
.respira-v71 .mock-root.light .ap-diff-row.minus { background: rgba(190,18,60,.06); }
.respira-v71 .mock-root.light .ap-diff-row.plus { background: rgba(10,79,92,.06); }
.respira-v71 .ap-diff-row .sign { color: var(--mk-fg-3); }
.respira-v71 .ap-diff-row.minus .sign { color: var(--mk-rose); }
.respira-v71 .ap-diff-row.plus .sign { color: var(--mk-em-4); }
.respira-v71 .ap-diff-row .field { color: var(--mk-fg-2); }
.respira-v71 .ap-diff-row .val { color: var(--mk-fg); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .ap-diff-row.minus .val { color: var(--mk-rose); text-decoration: line-through; }
.respira-v71 .ap-diff-row.plus .val { color: var(--mk-em-4); }

.respira-v71 .ap-trace {
  display: flex; gap: 12px;
  padding: 10px 16px; background: var(--mk-bg);
  border-top: 1px solid var(--mk-line);
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
  letter-spacing: .04em;
}
.respira-v71 .mock-root.light .ap-trace { background: var(--mk-bg-2); }
.respira-v71 .ap-trace span:not(:first-child)::before { content: "·"; margin-right: 12px; opacity: .5; }


.respira-v71 .ap-snapshots {
  margin-top: 14px;
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 14px 16px;
}
.respira-v71 .mock-root.light .ap-snapshots { background: var(--mk-surface); }
.respira-v71 .ap-snapshots h4 {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-fg-3); font-weight: 600;
  margin: 0 0 10px;
}
.respira-v71 .ap-snap-row {
  display: grid; grid-template-columns: 90px 1fr auto;
  gap: 12px; padding: 8px 0; align-items: center;
  border-bottom: 1px solid var(--mk-line);
  font-size: 12px;
}
.respira-v71 .ap-snap-row:last-child { border-bottom: none; }
.respira-v71 .ap-snap-row .when { font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); }
.respira-v71 .ap-snap-row .what { color: var(--mk-fg); }
.respira-v71 .ap-snap-row .what .sub { display: block; color: var(--mk-fg-2); font-size: 11px; margin-top: 2px; }


.respira-v71 .ap-empty {
  padding: 40px 24px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.respira-v71 .ap-empty h3 {
  font-family: var(--dp-serif); font-weight: 500; font-size: 28px;
  margin: 18px 0 4px; letter-spacing: -0.015em;
}
.respira-v71 .ap-empty h3 em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .ap-empty p { font-size: 13px; color: var(--mk-fg-2); max-width: 480px; margin: 0; }


.respira-v71 .cn-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 14px; }

.respira-v71 .cn-clients {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.respira-v71 .cn-client {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 10px;
  padding: 14px 14px 12px;
  cursor: default;
  display: flex; flex-direction: column; gap: 6px;
  position: relative;
}
.respira-v71 .mock-root.light .cn-client { background: var(--mk-surface); }
.respira-v71 .cn-client.sel { border-color: rgba(16,185,129,.5); box-shadow: 0 0 0 1px rgba(16,185,129,.3); }
.respira-v71 .cn-client.connected::after {
  content: ""; position: absolute; top: 12px; right: 12px;
  width: 7px; height: 7px; border-radius: 50%; background: var(--mk-em-5);
  box-shadow: 0 0 0 2px rgba(16,185,129,.2);
}
.respira-v71 .cn-client .logo {
  width: 34px; height: 34px; border-radius: 8px;
  background: var(--mk-surface-2);
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--mk-line);
}
.respira-v71 .cn-client .logo img { max-width: 22px; max-height: 22px; }
.respira-v71 .cn-client .nm { font-size: 13px; font-weight: 600; color: var(--mk-fg); margin-top: 4px; }
.respira-v71 .cn-client .ds { font-size: 11px; color: var(--mk-fg-2); line-height: 1.4; }
.respira-v71 .cn-client .st {
  font-family: var(--dp-mono); font-size: 10px;
  margin-top: 4px;
}
.respira-v71 .cn-client.connected .st { color: var(--mk-em-4); }
.respira-v71 .cn-client.pending .st { color: var(--mk-amber); }
.respira-v71 .cn-client.idle .st { color: var(--mk-fg-3); }


.respira-v71 .cn-pair {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 18px 18px;
  display: flex; flex-direction: column; gap: 14px;
}
.respira-v71 .mock-root.light .cn-pair { background: var(--mk-surface); }
.respira-v71 .cn-pair .h {
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .cn-pair .h .logo {
  width: 30px; height: 30px; border-radius: 7px;
  background: var(--mk-surface-2);
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--mk-line);
}
.respira-v71 .cn-pair .h .logo img { max-width: 20px; max-height: 20px; }
.respira-v71 .cn-pair .h h3 {
  margin: 0; font-family: var(--dp-serif); font-weight: 500;
  font-size: 20px; letter-spacing: -0.01em;
}
.respira-v71 .cn-pair .h .badge {
  margin-left: auto; font-family: var(--dp-mono); font-size: 10px;
  padding: 3px 7px; border-radius: 999px;
  background: rgba(245,158,11,.12); color: var(--mk-amber);
}
.respira-v71 .cn-pair .step {
  display: grid; grid-template-columns: 22px 1fr; gap: 10px;
  padding: 0 0 4px;
}
.respira-v71 .cn-pair .step .n {
  width: 20px; height: 20px; border-radius: 50%;
  border: 1px solid var(--mk-line-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-2);
}
.respira-v71 .cn-pair .step .b .t { font-size: 13px; font-weight: 600; color: var(--mk-fg); margin-bottom: 6px; }
.respira-v71 .cn-pair .step .b .d { font-size: 12px; color: var(--mk-fg-2); margin-bottom: 8px; line-height: 1.5; }
.respira-v71 .cn-pair .code {
  background: var(--mk-bg); border: 1px solid var(--mk-line);
  border-radius: 6px; padding: 10px 12px;
  font-family: var(--dp-mono); font-size: 11.5px; color: var(--mk-em-3);
  display: flex; align-items: center; justify-content: space-between;
}
.respira-v71 .mock-root.light .cn-pair .code { background: var(--mk-bg-2); color: var(--mk-em-4); }
.respira-v71 .cn-pair .code .copy {
  font-size: 10px; color: var(--mk-fg-2); border: 1px solid var(--mk-line);
  padding: 2px 7px; border-radius: 4px;
}


.respira-v71 .cn-status {
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(16,185,129,.01));
  border: 1px solid rgba(16,185,129,.3);
  border-radius: 12px;
  padding: 14px 16px;
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 14px;
}
.respira-v71 .cn-status .pulse {
  width: 36px; height: 36px; border-radius: 50%;
  background: radial-gradient(circle at 32% 32%, var(--mk-em-3), var(--mk-em-6));
  box-shadow: 0 0 0 2px rgba(16,185,129,.25), 0 0 16px rgba(16,185,129,.5);
}
.respira-v71 .cn-status .b { flex: 1; }
.respira-v71 .cn-status .b .t { font-family: var(--dp-serif); font-weight: 500; font-size: 18px; letter-spacing: -0.01em; }
.respira-v71 .cn-status .b .d { font-size: 12px; color: var(--mk-fg-2); margin-top: 2px; }


.respira-v71 .sw-shell {
  background: var(--mk-bg);
  min-height: 540px;
  display: grid; grid-template-columns: 280px 1fr;
}
.respira-v71 .sw-side {
  background: var(--mk-bg-2);
  border-right: 1px solid var(--mk-line);
  padding: 28px 26px;
  display: flex; flex-direction: column;
}
.respira-v71 .mock-root.light .sw-side { background: var(--mk-surface); }
.respira-v71 .sw-side .brand {
  display: flex; align-items: center; gap: 10px; margin-bottom: 32px;
}
.respira-v71 .sw-side .brand .nm {
  font-family: var(--dp-serif); font-weight: 600; font-size: 22px;
  letter-spacing: -0.02em;
}
.respira-v71 .sw-side .brand .ver {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
}
.respira-v71 .sw-side .progress { display: flex; flex-direction: column; gap: 6px; }
.respira-v71 .sw-step {
  display: grid; grid-template-columns: 24px 1fr; gap: 10px;
  padding: 10px 0;
  font-size: 12px;
  align-items: center;
}
.respira-v71 .sw-step .bullet {
  width: 22px; height: 22px; border-radius: 50%;
  border: 1px solid var(--mk-line-2);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
}
.respira-v71 .sw-step.done .bullet { background: var(--mk-em-5); border-color: var(--mk-em-5); color: #001a17; }
.respira-v71 .sw-step.cur .bullet { border-color: var(--mk-em-4); color: var(--mk-em-4); background: rgba(16,185,129,.08); }
.respira-v71 .sw-step .t { font-weight: 600; color: var(--mk-fg-2); }
.respira-v71 .sw-step.cur .t { color: var(--mk-fg); }
.respira-v71 .sw-step.done .t { color: var(--mk-fg-2); }
.respira-v71 .sw-step .d { font-size: 11px; color: var(--mk-fg-3); margin-top: 2px; }

.respira-v71 .sw-side .footer {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px dashed var(--mk-line);
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
}

.respira-v71 .sw-main {
  padding: 56px 56px 28px;
  display: flex; flex-direction: column;
  max-width: 720px;
}
.respira-v71 .sw-main .eb {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--mk-em-4); font-weight: 600;
  margin-bottom: 14px;
}
.respira-v71 .sw-main h2 {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 44px; line-height: 1.05; letter-spacing: -0.02em;
  margin: 0 0 12px;
}
.respira-v71 .sw-main h2 em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .sw-main .lede {
  font-size: 16px; color: var(--mk-fg-2); margin: 0 0 28px; line-height: 1.55;
  max-width: 540px;
}
.respira-v71 .sw-main .picker {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
  margin-bottom: 28px;
}
.respira-v71 .sw-main .picker .opt {
  border: 1px solid var(--mk-line);
  background: var(--mk-bg-2);
  border-radius: 12px; padding: 18px 18px;
  cursor: default;
}
.respira-v71 .mock-root.light .sw-main .picker .opt { background: var(--mk-surface); }
.respira-v71 .sw-main .picker .opt.sel { border-color: var(--mk-em-4); box-shadow: 0 0 0 1px var(--mk-em-4); }
.respira-v71 .sw-main .picker .opt .nm { font-size: 14px; font-weight: 600; color: var(--mk-fg); display: flex; align-items: center; gap: 8px; }
.respira-v71 .sw-main .picker .opt .ds { font-size: 12px; color: var(--mk-fg-2); margin-top: 6px; line-height: 1.5; }
.respira-v71 .sw-main .picker .opt .extra { font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3); margin-top: 10px; letter-spacing: .04em; }

.respira-v71 .sw-main .nav-row {
  display: flex; gap: 10px; align-items: center;
  margin-top: auto;
}
.respira-v71 .sw-main .nav-row .skip { margin-left: auto; }
.respira-v71 .sw-pageno {
  font-family: var(--dp-mono); font-size: 10px; color: var(--mk-fg-3);
  letter-spacing: .14em;
}


.respira-v71 .wf-root {
  background: var(--dp-bg-2);
  border: 1px solid var(--dp-line);
  border-radius: 12px;
  padding: 18px 22px 22px;
  font-family: var(--dp-sans);
  color: var(--dp-fg-2);
  font-size: 12px;
  position: relative;
}
.respira-v71 .wf-h {
  display: flex; align-items: baseline; gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px dashed var(--dp-line-2);
}
.respira-v71 .wf-h .nm {
  font-family: var(--dp-serif); font-size: 22px; font-weight: 500;
  letter-spacing: -0.01em; color: var(--dp-fg);
}
.respira-v71 .wf-h .rt {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .08em;
  color: var(--dp-em-4);
}
.respira-v71 .wf-h .mt { margin-left: auto; font-family: var(--dp-mono); font-size: 10px; color: var(--dp-fg-3); letter-spacing: .04em; }

.respira-v71 .wf-page {
  display: grid; gap: 12px;
}
.respira-v71 .wf-row { display: flex; gap: 10px; }
.respira-v71 .wf-blk {
  background: rgba(255,255,255,.03);
  border: 1px dashed var(--dp-line-2);
  border-radius: 6px;
  padding: 10px 12px;
  flex: 1; min-height: 36px;
  display: flex; flex-direction: column; gap: 4px;
  position: relative;
}
.respira-v71 .wf-blk.solid { border-style: solid; background: rgba(16,185,129,.04); border-color: rgba(16,185,129,.25); }
.respira-v71 .wf-blk.warn { background: rgba(245,158,11,.04); border-color: rgba(245,158,11,.3); }
.respira-v71 .wf-blk.head {
  background: transparent; border: none; padding: 4px 0;
}
.respira-v71 .wf-blk .lb {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--dp-fg-3); font-weight: 600;
}
.respira-v71 .wf-blk .tt { font-size: 13px; color: var(--dp-fg); font-weight: 500; }
.respira-v71 .wf-blk .nt { font-size: 11.5px; color: var(--dp-fg-2); line-height: 1.4; }
.respira-v71 .wf-blk.head .tt { font-family: var(--dp-serif); font-size: 18px; font-weight: 500; letter-spacing: -0.01em; }
.respira-v71 .wf-blk.head .nt { font-size: 12px; }

.respira-v71 .wf-blk .pin {
  position: absolute; top: -8px; right: -8px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--dp-em-5); color: #001a17;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 10px; font-weight: 700;
  box-shadow: 0 0 0 2px var(--dp-bg-2);
}

.respira-v71 .wf-notes {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px dashed var(--dp-line-2);
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 24px;
}
.respira-v71 .wf-note {
  display: grid; grid-template-columns: 24px 1fr; gap: 8px;
  font-size: 12px; line-height: 1.45; color: var(--dp-fg-2);
}
.respira-v71 .wf-note .n {
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(16,185,129,.16); color: var(--dp-em-3);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 10px; font-weight: 700;
  margin-top: 1px;
}
.respira-v71 .wf-note strong { color: var(--dp-fg); font-weight: 600; }


.respira-v71 .wf-twoup {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
  margin-top: 24px;
}


.respira-v71 .pl-group { margin-top: 56px; }
.respira-v71 .pl-group-h {
  display: flex; align-items: baseline; gap: 14px;
  padding-bottom: 10px; margin-bottom: 18px;
  border-bottom: 1px dashed var(--dp-line-2);
}
.respira-v71 .pl-group-h h3 {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 28px; letter-spacing: -0.015em; margin: 0;
}
.respira-v71 .pl-group-h .meta {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dp-em-4);
}
.respira-v71 .pl-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.respira-v71 .pl-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.respira-v71 .pl-grid.cols-1 { grid-template-columns: 1fr; }
.respira-v71 .pl-cell {
  background: var(--dp-bg-2);
  border: 1px solid var(--dp-line);
  border-radius: 10px;
  padding: 18px 18px 14px;
  display: flex; flex-direction: column; gap: 10px;
}
.respira-v71 .pl-cell .pl-lab {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dp-fg-3); font-weight: 600;
}
.respira-v71 .pl-cell .pl-disp {
  flex: 1; padding: 14px;
  background: var(--dp-bg);
  border: 1px solid var(--dp-line);
  border-radius: 8px;
  min-height: 64px;
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
}
.respira-v71 .pl-cell .pl-spec {
  font-family: var(--dp-mono); font-size: 10.5px; color: var(--dp-fg-2);
  line-height: 1.5;
}
.respira-v71 .pl-cell .pl-spec span { color: var(--dp-fg-3); }


.respira-v71 .pl-color { display: flex; flex-direction: column; gap: 0; border-radius: 8px; overflow: hidden; }
.respira-v71 .pl-color .swatch {
  height: 56px; display: flex; align-items: flex-end; justify-content: space-between;
  padding: 8px 10px; font-family: var(--dp-mono); font-size: 10px; letter-spacing: .04em;
}
.respira-v71 .pl-color .swatch .hx { opacity: .7; }


.respira-v71 .pl-type-row {
  display: grid; grid-template-columns: 120px 1fr;
  gap: 18px; padding: 14px 0;
  border-bottom: 1px dashed var(--dp-line-2);
  align-items: baseline;
}
.respira-v71 .pl-type-row:last-child { border-bottom: none; }
.respira-v71 .pl-type-row .ks {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .12em;
  color: var(--dp-fg-3); text-transform: uppercase;
}
.respira-v71 .pl-type-row .ex { color: var(--dp-fg); }


.respira-v71 .dp-audit-table {
  margin-top: 32px;
  border: 1px solid var(--dp-line);
  border-radius: 12px; overflow: hidden;
}
.respira-v71 .dp-audit-row {
  display: grid; grid-template-columns: 1.6fr 1fr 1.6fr 1.4fr;
  gap: 0; align-items: stretch;
  border-bottom: 1px solid var(--dp-line);
}
.respira-v71 .dp-audit-row:last-child { border-bottom: none; }
.respira-v71 .dp-audit-row.head {
  background: var(--dp-bg-2);
  font-family: var(--dp-mono); font-size: 10px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dp-fg-3); font-weight: 600;
}
.respira-v71 .dp-audit-row > div {
  padding: 14px 16px;
  border-right: 1px solid var(--dp-line);
  font-size: 13px; line-height: 1.5;
  color: var(--dp-fg-2);
}
.respira-v71 .dp-audit-row > div:last-child { border-right: none; }
.respira-v71 .dp-audit-row .card-name {
  color: var(--dp-fg); font-weight: 600;
}
.respira-v71 .dp-audit-row .card-name .sub {
  display: block; color: var(--dp-fg-3); font-size: 11px;
  font-family: var(--dp-mono); font-weight: 400; margin-top: 4px; letter-spacing: 0;
}
.respira-v71 .dp-audit-row .v-keep {
  color: var(--dp-em-4); font-weight: 600;
}
.respira-v71 .dp-audit-row .v-cut {
  color: var(--dp-amber); font-weight: 600;
}
.respira-v71 .dp-audit-row .v-keep::before { content: "✓ "; }
.respira-v71 .dp-audit-row .v-cut::before { content: "↺ "; }


.respira-v71 .sm-root {
  background: var(--dp-bg-2);
  border: 1px solid var(--dp-line);
  border-radius: 14px;
  padding: 32px 36px;
  margin-top: 24px;
}
.respira-v71 .sm-top {
  display: flex; justify-content: center; margin-bottom: 22px;
}
.respira-v71 .sm-pill {
  background: var(--dp-surface);
  border: 1px solid var(--dp-line-2);
  border-radius: 10px;
  padding: 10px 18px;
  font-family: var(--dp-mono); font-size: 11px;
  color: var(--dp-fg-2); letter-spacing: .04em;
}
.respira-v71 .sm-pill strong { color: var(--dp-fg); }
.respira-v71 .sm-cols { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; position: relative; }
.respira-v71 .sm-col {
  background: var(--dp-bg);
  border: 1px solid var(--dp-line-2);
  border-radius: 12px;
  padding: 16px 14px;
  position: relative;
}
.respira-v71 .sm-col::before {
  content: ""; position: absolute; left: 50%; top: -22px;
  width: 1px; height: 22px; background: var(--dp-line-2);
}
.respira-v71 .sm-col-h {
  display: flex; align-items: center; gap: 8px;
  padding-bottom: 10px; margin-bottom: 10px;
  border-bottom: 1px solid var(--dp-line);
}
.respira-v71 .sm-col-h .ic {
  width: 22px; height: 22px; border-radius: 6px;
  background: rgba(16,185,129,.12); color: var(--dp-em-3);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 11px; font-weight: 700;
}
.respira-v71 .sm-col-h .nm {
  font-size: 14px; font-weight: 600; color: var(--dp-fg);
  letter-spacing: -0.01em;
}
.respira-v71 .sm-col .sm-leaf {
  font-size: 12px; padding: 5px 8px;
  border-radius: 5px; color: var(--dp-fg-2);
  display: flex; align-items: center; justify-content: space-between;
}
.respira-v71 .sm-col .sm-leaf .tg {
  font-family: var(--dp-mono); font-size: 9px;
  color: var(--dp-fg-3); letter-spacing: .04em;
}
.respira-v71 .sm-col .sm-leaf.primary { color: var(--dp-fg); font-weight: 500; }
.respira-v71 .sm-col .sm-leaf.muted { color: var(--dp-fg-3); }
.respira-v71 .sm-foot {
  display: flex; gap: 24px; flex-wrap: wrap; margin-top: 24px;
  padding-top: 18px; border-top: 1px dashed var(--dp-line-2);
  font-family: var(--dp-mono); font-size: 10px; color: var(--dp-fg-3);
  letter-spacing: .04em;
}
.respira-v71 .sm-foot .key { display: flex; align-items: center; gap: 6px; }
.respira-v71 .sm-foot .key .dot { width: 8px; height: 8px; border-radius: 3px; }


.respira-v71 .sm-col-subnav {
  margin-top: 14px; padding-top: 12px;
  border-top: 1px dashed var(--dp-line-2);
}
.respira-v71 .sm-col-subnav .sn-lab {
  font-family: var(--dp-mono); font-size: 9.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dp-fg-3); font-weight: 600;
  margin-bottom: 6px;
}


.respira-v71 .mk-mini-logo {
  width: 26px; height: 26px; border-radius: 6px;
  background: var(--mk-surface-2);
  border: 1px solid var(--mk-line);
  display: flex; align-items: center; justify-content: center;
  font-family: var(--dp-mono); font-size: 11px; font-weight: 600;
  color: var(--mk-fg-2);
  flex-shrink: 0;
}


.respira-v71 .mk-spark-up { stroke: var(--mk-em-4); }
.respira-v71 .mk-spark-dn { stroke: var(--mk-rose); }
.respira-v71 .mk-spark-fl { stroke: var(--mk-fg-3); }





.respira-v71 .mock-root .hm-bridge {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 14px 18px;
  display: flex; flex-direction: column; gap: 12px;
}
.respira-v71 .mock-root.light .hm-bridge { background: var(--mk-surface); }

.respira-v71 .mock-root .hm-bridge-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--mk-em-4);
  display: flex; align-items: center; gap: 8px;
}

.respira-v71 .mock-root .hm-bridge-flow {
  display: grid;
  grid-template-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
  align-items: center;
  gap: 0;
}

.respira-v71 .mock-root .hm-bridge-leg {
  display: flex; flex-direction: column; gap: 6px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(16,185,129,.04);
  border: 1px solid rgba(16,185,129,.18);
  min-width: 0;
}
.respira-v71 .mock-root .hm-bridge-leg.ok { border-color: rgba(16,185,129,.3); }

.respira-v71 .mock-root .hm-bridge-leg-h {
  display: flex; align-items: center; gap: 8px;
  flex-wrap: wrap;
}
.respira-v71 .mock-root .hm-bridge-icon {
  width: 22px; height: 22px; border-radius: 6px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(16,185,129,.15); color: var(--mk-em-3);
  font-size: 12px;
}
.respira-v71 .mock-root .hm-bridge-nm {
  font-size: 13px; font-weight: 600; color: var(--mk-fg);
}
.respira-v71 .mock-root .hm-bridge-state {
  font-family: var(--dp-mono); font-size: 10.5px; color: var(--mk-em-4);
  margin-left: auto;
  white-space: nowrap;
}
.respira-v71 .mock-root .hm-bridge-leg-d {
  font-family: var(--dp-mono); font-size: 10.5px; color: var(--mk-fg-3);
  letter-spacing: .02em;
}

.respira-v71 .mock-root .hm-bridge-rail {
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--mk-em-5), transparent);
  border-radius: 1px;
  opacity: .7;
  position: relative;
}
.respira-v71 .mock-root .hm-bridge-rail::after {
  content: ""; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--mk-em-4);
  box-shadow: 0 0 8px var(--mk-em-4);
  animation: hm-rail-pulse 2.4s ease-in-out infinite;
}
@keyframes hm-rail-pulse {
  0%,100% { opacity: .5; transform: translate(-50%, -50%) scale(.8); }
  50%     { opacity: 1;  transform: translate(-50%, -50%) scale(1.2); }
}


.respira-v71 .mock-root .hm-graph {
  background: var(--mk-bg-2);
  border: 1px solid var(--mk-line);
  border-radius: 12px;
  padding: 18px 20px 14px;
  margin-top: 18px;
  display: flex; flex-direction: column; gap: 14px;
}
.respira-v71 .mock-root.light .hm-graph { background: var(--mk-surface); }

.respira-v71 .mock-root .hm-graph-h {
  display: flex; justify-content: space-between; align-items: flex-end;
  flex-wrap: wrap; gap: 12px;
}
.respira-v71 .mock-root .hm-graph-eb {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; color: var(--mk-fg-3);
}
.respira-v71 .mock-root .hm-graph-t {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 22px; line-height: 1.1; letter-spacing: -0.02em;
  margin: 6px 0 0; color: var(--mk-fg);
}
.respira-v71 .mock-root .hm-graph-t em { font-style: italic; color: var(--mk-em-3); }
.respira-v71 .mock-root .hm-graph-legend {
  display: flex; gap: 14px; flex-wrap: wrap;
}
.respira-v71 .mock-root .hm-graph-key {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--dp-mono); font-size: 10.5px; color: var(--mk-fg-2);
  letter-spacing: .04em;
}
.respira-v71 .mock-root .hm-graph-key .sw {
  width: 10px; height: 10px; border-radius: 2px;
}
.respira-v71 .mock-root .hm-graph-key.reads .sw { background: var(--mk-em-5); opacity: .6; }
.respira-v71 .mock-root .hm-graph-key.writes .sw { background: var(--mk-em-4); }
.respira-v71 .mock-root .hm-graph-key.pending .sw { background: var(--mk-amber); }
.respira-v71 .mock-root .hm-graph-key.rejects .sw { background: var(--mk-rose); opacity: .7; }

.respira-v71 .mock-root .hm-graph-svg {
  width: 100%; height: 160px;
  display: block;
  color: var(--mk-fg-3);
}

.respira-v71 .mock-root .hm-graph-axis {
  display: flex; justify-content: space-between;
  font-family: var(--dp-mono); font-size: 10px;
  color: var(--mk-fg-3);
  letter-spacing: .04em;
  padding: 0 4px;
}


@media (max-width: 860px) {
  .respira-v71 .mock-root .hm-bridge-flow {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .respira-v71 .mock-root .hm-bridge-rail {
    width: 2px; height: 18px;
    margin: 0 auto;
    background: linear-gradient(180deg, transparent, var(--mk-em-5), transparent);
  }
  .respira-v71 .mock-root .hm-bridge-rail::after { animation: none; }
  .respira-v71 .mock-root .hm-graph-axis span:nth-child(even) { display: none; }
}

@media (max-width: 540px) {
  .respira-v71 .mock-root .hm-graph-t { font-size: 18px; }
  .respira-v71 .mock-root .hm-graph-legend { gap: 8px; }
  .respira-v71 .mock-root .hm-graph-axis { font-size: 9px; }
  .respira-v71 .mock-root .hm-graph-axis span:nth-child(3n+2), .respira-v71 .mock-root .hm-graph-axis span:nth-child(3n+3) { display: none; }
}



/* ===== designpass.css ===== */



.respira-v71 {
  
  --dp-bg: #070a0d;
  --dp-bg-2: #0b1017;
  --dp-surface: #101820;
  --dp-surface-2: #161e28;
  --dp-fg: #edf2f7;
  --dp-fg-2: #8899aa;
  --dp-fg-3: #5e6c7a;
  --dp-line: #1a232e;
  --dp-line-2: #243042;
  --dp-em-3: #6ee7b7;
  --dp-em-4: #34d399;
  --dp-em-5: #10b981;
  --dp-em-6: #059669;
  --dp-amber: #f59e0b;
  --dp-rose: #f43f5e;
  --dp-info: #38bdf8;

  --dp-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dp-serif: "Cormorant Garamond", Georgia, serif;
  --dp-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}


.respira-v71 * { box-sizing: border-box; }
.respira-v71, .respira-v71 { margin: 0; padding: 0; }
.respira-v71 {
  font-family: var(--dp-sans);
  background: var(--dp-bg);
  color: var(--dp-fg);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.respira-v71 button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }


.respira-v71 .dp-page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 88px 56px 160px;
  position: relative;
}
.respira-v71 .dp-page::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(900px 600px at 12% -5%, rgba(16,185,129,.06), transparent 60%),
    radial-gradient(700px 500px at 100% 90%, rgba(16,185,129,.035), transparent 60%);
}
.respira-v71 .dp-page > * { position: relative; z-index: 1; }


.respira-v71 .dp-cover {
  border-bottom: 1px solid var(--dp-line);
  padding-bottom: 56px; margin-bottom: 56px;
}
.respira-v71 .dp-eyebrow {
  font-family: var(--dp-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--dp-em-4);
  margin: 0 0 24px;
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .dp-eyebrow .dp-eb-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--dp-em-5);
  box-shadow: 0 0 0 3px rgba(16,185,129,.2), 0 0 12px rgba(16,185,129,.6);
}
.respira-v71 .dp-cover h1 {
  font-family: var(--dp-serif);
  font-weight: 500;
  font-size: 80px;
  line-height: 1.02;
  letter-spacing: -0.025em;
  margin: 0 0 24px;
  color: var(--dp-fg);
  max-width: 980px;
}
.respira-v71 .dp-cover h1 em {
  font-style: italic;
  color: var(--dp-em-3);
}
.respira-v71 .dp-cover .dp-deck {
  font-size: 19px;
  line-height: 1.55;
  color: var(--dp-fg-2);
  max-width: 760px;
  margin: 0;
}
.respira-v71 .dp-cover .dp-meta {
  display: flex; flex-wrap: wrap; gap: 32px;
  margin-top: 40px; padding-top: 28px;
  border-top: 1px solid var(--dp-line);
  font-family: var(--dp-mono); font-size: 11px;
  color: var(--dp-fg-3); letter-spacing: .04em;
}
.respira-v71 .dp-cover .dp-meta dl { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.respira-v71 .dp-cover .dp-meta dt {
  font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
  color: var(--dp-fg-3);
}
.respira-v71 .dp-cover .dp-meta dd { margin: 0; color: var(--dp-fg); font-size: 13px; }


.respira-v71 .dp-toc {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--dp-line);
  border: 1px solid var(--dp-line);
  border-radius: 14px;
  overflow: hidden;
  margin: 48px 0 0;
}
.respira-v71 .dp-toc a {
  background: var(--dp-bg-2);
  padding: 22px 24px 24px;
  text-decoration: none;
  color: var(--dp-fg);
  display: flex; flex-direction: column; gap: 4px;
  transition: background .12s ease;
}
.respira-v71 .dp-toc a:hover { background: var(--dp-surface); }
.respira-v71 .dp-toc .toc-num {
  font-family: var(--dp-mono); font-size: 11px;
  color: var(--dp-fg-3); letter-spacing: .08em;
}
.respira-v71 .dp-toc .toc-title {
  font-family: var(--dp-serif); font-size: 22px;
  line-height: 1.2; font-weight: 500;
  letter-spacing: -0.01em;
}
.respira-v71 .dp-toc .toc-meta {
  font-size: 12px; color: var(--dp-fg-2); margin-top: 4px;
}


.respira-v71 .dp-section { padding: 112px 0 0; scroll-margin-top: 40px; }
.respira-v71 .dp-section-h {
  display: grid; grid-template-columns: 88px 1fr;
  gap: 32px; align-items: baseline;
  margin-bottom: 48px;
}
.respira-v71 .dp-section-num {
  font-family: var(--dp-mono);
  font-size: 11px; font-weight: 600;
  letter-spacing: .18em;
  color: var(--dp-em-4);
  padding-top: 14px;
  border-top: 1px solid rgba(52, 211, 153, .35);
}
.respira-v71 .dp-section-h h2 {
  font-family: var(--dp-serif);
  font-weight: 500;
  font-size: 56px;
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 8px;
  color: var(--dp-fg);
}
.respira-v71 .dp-section-h .dp-section-deck {
  font-size: 17px; line-height: 1.55;
  color: var(--dp-fg-2); max-width: 740px;
  margin: 0;
}


.respira-v71 .dp-prose {
  max-width: 720px;
  font-size: 16px; line-height: 1.7;
  color: var(--dp-fg);
  margin-left: 120px;
}
.respira-v71 .dp-prose p { margin: 0 0 16px; }
.respira-v71 .dp-prose p.lede { font-size: 18px; color: var(--dp-fg); }
.respira-v71 .dp-prose strong { color: var(--dp-fg); font-weight: 600; }
.respira-v71 .dp-prose em { color: var(--dp-em-3); font-family: var(--dp-serif); font-style: italic; font-size: 1.06em; }
.respira-v71 .dp-prose .mono { font-family: var(--dp-mono); font-size: 0.92em; color: var(--dp-fg-2); }
.respira-v71 .dp-prose h3 {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 28px; line-height: 1.15; letter-spacing: -0.015em;
  margin: 40px 0 12px; color: var(--dp-fg);
}
.respira-v71 .dp-prose h4 {
  font-size: 11px; font-family: var(--dp-mono); font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dp-em-4); margin: 32px 0 8px;
}
.respira-v71 .dp-prose ul { margin: 0 0 16px; padding-left: 18px; }
.respira-v71 .dp-prose li { margin-bottom: 6px; color: var(--dp-fg); }


.respira-v71 .dp-problem {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 32px;
  padding: 40px 0;
  border-top: 1px solid var(--dp-line);
}
.respira-v71 .dp-problem:last-child { border-bottom: 1px solid var(--dp-line); }
.respira-v71 .dp-problem-num {
  font-family: var(--dp-mono); font-size: 11px; letter-spacing: .14em;
  color: var(--dp-fg-3); padding-top: 6px;
}
.respira-v71 .dp-problem h3 {
  font-family: var(--dp-serif); font-weight: 500;
  font-size: 32px; line-height: 1.15; letter-spacing: -0.015em;
  margin: 0 0 12px; color: var(--dp-fg);
}
.respira-v71 .dp-problem h3 .dp-tagline {
  display: block;
  font-family: var(--dp-sans); font-style: normal;
  font-size: 13px; font-weight: 500; letter-spacing: 0;
  color: var(--dp-fg-3); margin-top: 4px;
}
.respira-v71 .dp-problem-body { max-width: 720px; }
.respira-v71 .dp-problem-body p { margin: 0 0 14px; line-height: 1.7; }
.respira-v71 .dp-problem-verdict {
  margin-top: 24px;
  padding: 20px 22px;
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.015));
  border: 1px solid rgba(16,185,129,.3);
  border-left: 3px solid var(--dp-em-5);
  border-radius: 10px;
}
.respira-v71 .dp-problem-verdict .v-label {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--dp-em-4); margin-bottom: 8px;
}
.respira-v71 .dp-problem-verdict p { margin: 0 0 8px; color: var(--dp-fg); }
.respira-v71 .dp-problem-verdict p:last-child { margin-bottom: 0; }


.respira-v71 .dp-frame {
  margin: 56px 0 0;
}
.respira-v71 .dp-frame-h {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: 24px; margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--dp-line-2);
}
.respira-v71 .dp-frame-h .fh-left { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.respira-v71 .dp-frame-h .fh-num {
  font-family: var(--dp-mono); font-size: 11px; letter-spacing: .12em;
  color: var(--dp-em-4); font-weight: 600;
}
.respira-v71 .dp-frame-h .fh-title {
  font-family: var(--dp-serif); font-size: 22px; font-weight: 500;
  letter-spacing: -0.01em; color: var(--dp-fg);
}
.respira-v71 .dp-frame-h .fh-meta {
  font-family: var(--dp-mono); font-size: 11px; color: var(--dp-fg-3);
  letter-spacing: .04em;
}
.respira-v71 .dp-frame-h .fh-pill {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  padding: 3px 8px; border-radius: 999px; letter-spacing: .06em; text-transform: uppercase;
}
.respira-v71 .dp-frame-h .fh-pill.dark { background: rgba(16,185,129,.12); color: var(--dp-em-4); border: 1px solid rgba(16,185,129,.3); }
.respira-v71 .dp-frame-h .fh-pill.light { background: rgba(214,196,160,.16); color: #d6c4a0; border: 1px solid rgba(214,196,160,.3); }
.respira-v71 .dp-frame-h .fh-pill.empty { background: rgba(152,170,193,.1); color: var(--dp-fg-2); border: 1px solid var(--dp-line-2); }
.respira-v71 .dp-frame-h .fh-pill.pop { background: rgba(56,189,248,.1); color: var(--dp-info); border: 1px solid rgba(56,189,248,.3); }


.respira-v71 .dp-mockup {
  background: var(--dp-bg-2);
  border: 1px solid var(--dp-line);
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.respira-v71 .dp-mockup.bleed { background: transparent; border: 1px solid var(--dp-line); }


.respira-v71 .dp-anno {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  margin-top: 18px; padding-top: 18px;
  border-top: 1px solid var(--dp-line);
}
.respira-v71 .dp-anno > div { padding-right: 24px; border-right: 1px dashed var(--dp-line-2); }
.respira-v71 .dp-anno > div:last-child { border-right: none; padding-right: 0; }
.respira-v71 .dp-anno .anno-key {
  font-family: var(--dp-mono); font-size: 10px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--dp-em-4); margin-bottom: 6px;
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .dp-anno .anno-key .anno-pin {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; border-radius: 50%;
  background: rgba(16,185,129,.16); color: var(--dp-em-3);
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0;
}
.respira-v71 .dp-anno p { margin: 0; font-size: 13.5px; line-height: 1.5; color: var(--dp-fg-2); }


.respira-v71 .dp-footer {
  margin-top: 160px; padding-top: 40px;
  border-top: 1px solid var(--dp-line);
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; flex-wrap: wrap;
  font-family: var(--dp-mono); font-size: 11px;
  color: var(--dp-fg-3); letter-spacing: .04em;
}
.respira-v71 .dp-footer .sig {
  font-family: var(--dp-serif); font-style: italic; font-size: 18px;
  color: var(--dp-fg-2); letter-spacing: 0;
}


.respira-v71 .dp-divider { height: 1px; background: var(--dp-line); margin: 56px 0; }
.respira-v71 .dp-quote {
  font-family: var(--dp-serif); font-style: italic; font-size: 20px;
  color: var(--dp-em-3); line-height: 1.5;
  padding: 8px 0 8px 24px; border-left: 2px solid var(--dp-em-5);
  margin: 24px 0;
}
.respira-v71 .dp-callout {
  margin: 24px 0;
  padding: 16px 20px;
  background: rgba(245,158,11,.06);
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 10px;
  font-size: 14px; line-height: 1.6;
}
.respira-v71 .dp-callout .co-label {
  font-family: var(--dp-mono); font-size: 10px; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dp-amber); margin-bottom: 6px;
}


.respira-v71 .dp-mockup .mono { font-family: var(--dp-mono); }



/* ===== designpass-bridge.css ===== */



.respira-v71 {
  --dp-bg: #070a0d;
  --dp-bg-2: #0b1017;
  --dp-surface: #101820;
  --dp-surface-2: #161e28;
  --dp-fg: #edf2f7;
  --dp-fg-2: #8899aa;
  --dp-fg-3: #5e6c7a;
  --dp-line: #1a232e;
  --dp-line-2: #243042;
  --dp-em-3: #6ee7b7;
  --dp-em-4: #34d399;
  --dp-em-5: #10b981;
  --dp-em-6: #059669;
  --dp-amber: #f59e0b;
  --dp-rose: #f43f5e;
  --dp-info: #38bdf8;

  --dp-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dp-serif: "Cormorant Garamond", Georgia, serif;
  --dp-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}


.respira-v71 .plugin-main > .mock-root {
  min-height: 100%;
  padding: 24px 28px 56px;
  margin-left: -16px;
  margin-right: -16px;
}
.respira-v71 .plugin-main > .mock-root.dark { background: var(--dp-bg); }
.respira-v71 .plugin-main > .mock-root.light { background: #f6f1e6; }


.respira-v71 .plugin-main > .mock-root.takeover { padding: 0; }
.respira-v71 .plugin-main > .mock-root .sw-shell { min-height: 640px; }


.respira-v71 .rp-top-toolbar { position: relative; z-index: 2; }


.respira-v71[data-font-scale="sm"]      .plugin-shell { zoom: 0.9; }
.respira-v71[data-font-scale="default"] .plugin-shell { zoom: 1; }
.respira-v71[data-font-scale="lg"]      .plugin-shell { zoom: 1.15; }
.respira-v71[data-font-scale="xl"]      .plugin-shell { zoom: 1.30; }



/* ===== cmdk.css ===== */


.respira-v71 .rp-cmdk-backdrop {
  position: fixed; inset: 0; z-index: 80;
  background: rgba(2, 6, 10, 0.7);
  backdrop-filter: blur(6px);
  display: flex; justify-content: center; align-items: flex-start;
  padding-top: 12vh;
  animation: cmdk-fadein 140ms ease-out;
}
@keyframes cmdk-fadein { from { opacity: 0; } to { opacity: 1; } }

.respira-v71 .rp-cmdk {
  width: 100%; max-width: 640px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border-strong);
  border-radius: 14px;
  box-shadow: 0 32px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(16,185,129,.15);
  overflow: hidden;
  animation: cmdk-pop 200ms cubic-bezier(.2,1.4,.4,1);
}
@keyframes cmdk-pop {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.respira-v71 .rp-cmdk-search {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .rp-cmdk-search .ic { color: var(--rp-fg-muted); flex-shrink: 0; }
.respira-v71 .rp-cmdk-search input {
  flex: 1;
  background: transparent; border: none; outline: none;
  font-family: var(--rp-font-sans); font-size: 17px;
  color: var(--rp-fg);
  letter-spacing: -0.005em;
}
.respira-v71 .rp-cmdk-search input::placeholder { color: var(--rp-fg-muted); }
.respira-v71 .rp-cmdk-search .esc {
  font-family: var(--rp-font-mono); font-size: 10px;
  padding: 4px 8px; border-radius: 4px;
  background: var(--rp-surface-overlay);
  color: var(--rp-fg-subtle); border: 1px solid var(--rp-border);
  letter-spacing: .04em;
}

.respira-v71 .rp-cmdk-list {
  max-height: 50vh; overflow-y: auto;
  padding: 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--rp-border-strong) transparent;
}
.respira-v71 .rp-cmdk-section {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-fg-subtle); font-weight: 600;
  padding: 10px 12px 6px;
}
.respira-v71 .rp-cmdk-item {
  display: grid; grid-template-columns: 28px 1fr auto;
  gap: 12px; align-items: center;
  padding: 9px 12px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  color: var(--rp-fg);
}
.respira-v71 .rp-cmdk-item:hover, .respira-v71 .rp-cmdk-item.cur {
  background: rgba(16,185,129,.10);
  color: var(--rp-fg);
}
.respira-v71 .rp-cmdk-item:hover .arr, .respira-v71 .rp-cmdk-item.cur .arr { color: var(--rp-emerald-400); }
.respira-v71 .rp-cmdk-item .ic {
  width: 28px; height: 28px; border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  background: var(--rp-surface-overlay);
  color: var(--rp-fg-muted);
  flex-shrink: 0;
}
.respira-v71 .rp-cmdk-item.cur .ic { background: rgba(16,185,129,.14); color: var(--rp-emerald-300); }
.respira-v71 .rp-cmdk-item .lbl { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.respira-v71 .rp-cmdk-item .lbl .nm { font-weight: 500; }
.respira-v71 .rp-cmdk-item .lbl .nm em { color: var(--rp-emerald-300); font-style: normal; font-weight: 700; background: rgba(16,185,129,.12); border-radius: 3px; padding: 0 2px; }
.respira-v71 .rp-cmdk-item .lbl .sub { font-size: 11.5px; color: var(--rp-fg-muted); font-family: var(--rp-font-mono); letter-spacing: 0; }
.respira-v71 .rp-cmdk-item .arr {
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-subtle); letter-spacing: .04em;
  display: flex; align-items: center; gap: 6px;
}
.respira-v71 .rp-cmdk-item .arr .kbd {
  padding: 2px 6px; border-radius: 4px;
  background: var(--rp-surface-overlay); border: 1px solid var(--rp-border);
  font-size: 10px;
}

.respira-v71 .rp-cmdk-foot {
  display: flex; align-items: center; gap: 18px;
  padding: 10px 16px;
  border-top: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); letter-spacing: .02em;
}
.respira-v71 .rp-cmdk-foot .k {
  display: inline-flex; align-items: center; gap: 6px;
}
.respira-v71 .rp-cmdk-foot .k .kbd {
  padding: 2px 6px; border-radius: 4px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .rp-cmdk-foot .mark {
  margin-left: auto; display: inline-flex; align-items: center; gap: 6px;
  color: var(--rp-fg-muted);
}
.respira-v71 .rp-cmdk-foot .mark img { width: 14px; height: 14px; opacity: .6; }


.respira-v71 .rp-cmdk-trigger {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 10px;
  border-radius: 7px;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 11.5px;
  color: var(--rp-fg-muted);
  cursor: pointer; transition: all .15s ease;
}
.respira-v71 .rp-cmdk-trigger:hover { border-color: rgba(16,185,129,.4); color: var(--rp-fg); }
.respira-v71 .rp-cmdk-trigger .kbd {
  padding: 1px 5px; border-radius: 3px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  color: var(--rp-fg);
  font-size: 10px; font-weight: 600;
}



.respira-v71 .r-rail-cmdk {
  display: flex; align-items: center; gap: 8px;
  margin: 4px 10px 10px;
  padding: 8px 10px;
  border-radius: 8px;
  background: var(--rp-surface-elevated, rgba(255,255,255,.04));
  border: 1px solid var(--rp-border, #1a232e);
  color: var(--rp-fg-muted, #8899aa);
  font-family: var(--rp-font-mono, "JetBrains Mono", monospace);
  font-size: 11px;
  cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.respira-v71 .r-rail-cmdk:hover {
  border-color: rgba(16,185,129,.45);
  color: var(--rp-fg, #edf2f7);
  background: rgba(16,185,129,.06);
}
.respira-v71 .r-rail-cmdk svg { flex-shrink: 0; opacity: .8; }
.respira-v71 .r-rail-cmdk-l {
  flex: 1; text-align: left; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.respira-v71 .r-rail-cmdk-k {
  padding: 2px 6px; border-radius: 4px;
  background: var(--rp-surface-overlay, rgba(255,255,255,.06));
  border: 1px solid var(--rp-border, #1a232e);
  color: var(--rp-fg, #edf2f7);
  font-size: 10px; font-weight: 600;
  flex-shrink: 0;
}


.respira-v71 .ui-classic .r-rail-cmdk {
  background: #ffffff;
  border-color: #e0d4b8;
  color: #4a463f;
}
.respira-v71 .ui-classic .r-rail-cmdk:hover {
  border-color: rgba(10,79,92,.35);
  color: #1c1917;
  background: rgba(10,79,92,.04);
}
.respira-v71 .ui-classic .r-rail-cmdk-k {
  background: #f4ede0; border-color: #e0d4b8; color: #1c1917;
}



/* ===== celebration.css ===== */


.respira-v71 .rp-celeb {
  position: fixed;
  top: 56px; left: 50%; transform: translateX(-50%);
  width: min(680px, 92vw);
  z-index: 70;
  border-radius: 16px;
  background:
    radial-gradient(620px 240px at 50% 0%, rgba(16,185,129,.16), transparent 60%),
    linear-gradient(180deg, var(--rp-surface-elevated), var(--rp-surface));
  border: 1px solid rgba(16,185,129,.35);
  box-shadow:
    0 24px 64px rgba(0,0,0,.5),
    0 0 0 1px rgba(16,185,129,.15),
    0 0 48px rgba(16,185,129,.18);
  overflow: hidden;
  animation: rp-celeb-in .55s cubic-bezier(.2,1.2,.3,1) both;
}
.respira-v71 .rp-celeb.leaving { animation: rp-celeb-out .35s cubic-bezier(.4,.0,.2,1) forwards; }
@keyframes rp-celeb-in {
  0%   { opacity: 0; transform: translate(-50%, -20px) scale(.96); }
  60%  { opacity: 1; }
  100% { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
@keyframes rp-celeb-out {
  to { opacity: 0; transform: translate(-50%, -16px) scale(.98); }
}


.respira-v71 .rp-celeb::before {
  content: "";
  position: absolute; top: -60px; left: 50%; transform: translateX(-50%);
  width: 220px; height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,.18), transparent 60%);
  pointer-events: none;
  animation: rp-celeb-ring 4s ease-in-out infinite;
}
@keyframes rp-celeb-ring {
  0%,100% { opacity: .6; transform: translateX(-50%) scale(1); }
  50% { opacity: 1; transform: translateX(-50%) scale(1.06); }
}

.respira-v71 .rp-celeb-h {
  display: flex; align-items: center; gap: 14px;
  padding: 22px 24px 0;
  position: relative;
}
.respira-v71 .rp-celeb-mandala {
  width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center;
  position: relative;
  flex-shrink: 0;
}
.respira-v71 .rp-celeb-mandala img {
  width: 52px; height: 52px;
  filter: drop-shadow(0 0 14px rgba(16,185,129,.5));
  animation: rp-mandala-breath 2.5s ease-in-out infinite;
}
.respira-v71 .rp-celeb-mandala::after {
  content: ""; position: absolute; inset: -4px;
  border-radius: 50%;
  border: 1px solid rgba(16,185,129,.5);
  animation: rp-celeb-ripple 2s ease-out infinite;
}
@keyframes rp-celeb-ripple {
  0%   { opacity: 1; transform: scale(.9); }
  100% { opacity: 0; transform: scale(2); }
}

.respira-v71 .rp-celeb-eb {
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 4px;
  display: flex; align-items: center; gap: 8px;
}
.respira-v71 .rp-celeb-eb .liv {
  display: inline-block; width: 6px; height: 6px; border-radius: 50%;
  background: var(--rp-emerald-500); box-shadow: 0 0 0 2px rgba(16,185,129,.2), 0 0 8px rgba(16,185,129,.6);
}
.respira-v71 .rp-celeb-h h2 {
  margin: 0;
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 26px;
  line-height: 1.12;
  letter-spacing: -0.02em;
  color: var(--rp-fg);
}
.respira-v71 .rp-celeb-h h2 em {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 500;
  color: var(--rp-emerald-300);
}
.respira-v71 .rp-celeb-x {
  position: absolute; top: 14px; right: 14px;
  width: 26px; height: 26px; border-radius: 6px;
  background: transparent; color: var(--rp-fg-subtle);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .rp-celeb-x:hover { background: var(--rp-surface-overlay); color: var(--rp-fg); }

.respira-v71 .rp-celeb-body { padding: 14px 24px 20px; }
.respira-v71 .rp-celeb-body .narr {
  font-size: 14.5px; color: var(--rp-fg);
  line-height: 1.55; max-width: 540px;
  margin: 0 0 14px;
}
.respira-v71 .rp-celeb-body .narr em { font-family: var(--rp-font-editorial); font-style: italic; color: var(--rp-emerald-300); }
.respira-v71 .rp-celeb-body .narr b { color: var(--rp-fg); font-weight: 600; }

.respira-v71 .rp-celeb-card {
  background: rgba(11,16,23,.6);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 14px;
}
.respira-v71 .rp-celeb-card-h {
  display: flex; align-items: center; gap: 10px;
  font-size: 12.5px; color: var(--rp-fg);
  font-weight: 600; margin-bottom: 6px;
}
.respira-v71 .rp-celeb-card-h .agent {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px;
  background: rgba(16,185,129,.1); color: var(--rp-emerald-400);
  padding: 2px 7px; border-radius: 4px; font-weight: 500;
}
.respira-v71 .rp-celeb-card-h .t {
  margin-left: auto;
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle);
}
.respira-v71 .rp-celeb-diff {
  font-family: var(--rp-font-mono); font-size: 11.5px;
  display: grid; grid-template-columns: 14px 1fr; gap: 4px 10px;
  line-height: 1.55;
}
.respira-v71 .rp-celeb-diff .minus { color: var(--rp-error); }
.respira-v71 .rp-celeb-diff .plus { color: var(--rp-emerald-400); }
.respira-v71 .rp-celeb-diff .field-row { display: contents; }
.respira-v71 .rp-celeb-diff .v { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .rp-celeb-diff .v.minus { text-decoration: line-through; opacity: .8; }

.respira-v71 .rp-celeb-meta {
  display: flex; gap: 18px; flex-wrap: wrap;
  margin-bottom: 16px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted);
}
.respira-v71 .rp-celeb-meta .mtile {
  display: flex; flex-direction: column; gap: 2px;
}
.respira-v71 .rp-celeb-meta .mtile .lb {
  font-size: 9.5px; letter-spacing: .14em;
  color: var(--rp-fg-subtle); text-transform: uppercase;
}
.respira-v71 .rp-celeb-meta .mtile .v {
  font-size: 18px; color: var(--rp-fg); font-weight: 500;
  letter-spacing: -0.015em; line-height: 1;
}
.respira-v71 .rp-celeb-meta .mtile .v em {
  font-family: var(--rp-font-editorial); font-style: italic;
  color: var(--rp-emerald-300); font-weight: 500;
}

.respira-v71 .rp-celeb-actions {
  display: flex; gap: 10px; align-items: center;
}
.respira-v71 .rp-celeb-actions .auto-dismiss {
  margin-left: auto;
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); letter-spacing: 0;
  display: flex; align-items: center; gap: 6px;
}
.respira-v71 .rp-celeb-actions .auto-dismiss .bar {
  display: inline-block; width: 36px; height: 2px;
  background: var(--rp-border); border-radius: 999px; overflow: hidden;
  position: relative;
}
.respira-v71 .rp-celeb-actions .auto-dismiss .bar::after {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0;
  background: var(--rp-emerald-400);
  width: 100%;
  animation: rp-celeb-countdown 12s linear forwards;
}
@keyframes rp-celeb-countdown {
  from { width: 100%; }
  to { width: 0; }
}


.respira-v71 .rp-celeb-confetti {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.respira-v71 .rp-celeb-confetti span {
  position: absolute; width: 4px; height: 4px; border-radius: 50%;
  background: var(--rp-emerald-400);
  opacity: 0;
  animation: rp-confetti 1.6s cubic-bezier(.2,.7,.3,1) forwards;
}
.respira-v71 .rp-celeb-confetti span:nth-child(odd) { background: var(--rp-emerald-300); }
.respira-v71 .rp-celeb-confetti span:nth-child(3n) { background: var(--rp-warning); width: 3px; height: 3px; }
.respira-v71 .rp-celeb-confetti span:nth-child(5n) { background: var(--rp-info); }
@keyframes rp-confetti {
  0% { opacity: 0; transform: translateY(0) scale(.5); }
  20% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-120px) scale(1.2); }
}



/* ===== extra-screens.css ===== */



.respira-v71 .x-screen { display: flex; flex-direction: column; gap: 20px; }
.respira-v71 .x-eyebrow {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--rp-font-mono); font-size: 11px;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 6px;
}
.respira-v71 .x-eyebrow .dt { color: var(--rp-fg-muted); }
.respira-v71 .x-h1 {
  font-family: var(--rp-font-sans); font-weight: 700;
  font-size: 36px; line-height: 1.1; letter-spacing: -0.025em;
  margin: 4px 0 6px; color: var(--rp-fg);
}
.respira-v71 .x-h1 em {
  font-family: var(--rp-font-editorial); font-style: italic;
  font-weight: 500; color: var(--rp-emerald-300);
}
.respira-v71 .x-lede {
  font-size: 15px; color: var(--rp-fg-muted);
  max-width: 720px; line-height: 1.55; margin: 0;
}


.respira-v71 .bu-stage {
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px;
}
.respira-v71 .bu-list {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 12px; padding: 0; overflow: hidden;
}
.respira-v71 .bu-h {
  display: grid; grid-template-columns: 24px 64px 1.2fr 1fr 80px;
  gap: 12px; padding: 12px 16px;
  background: var(--rp-surface-elevated);
  border-bottom: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 9.5px;
  text-transform: uppercase; letter-spacing: .14em;
  color: var(--rp-fg-subtle); font-weight: 600;
}
.respira-v71 .bu-row {
  display: grid; grid-template-columns: 24px 64px 1.2fr 1fr 80px;
  gap: 12px; padding: 12px 16px;
  border-bottom: 1px solid var(--rp-border);
  align-items: center; font-size: 12.5px;
}
.respira-v71 .bu-row:last-child { border-bottom: none; }
.respira-v71 .bu-row.selected { background: rgba(244,63,94,.05); }
.respira-v71 .bu-row input[type=checkbox] { accent-color: var(--rp-emerald-500); }
.respira-v71 .bu-row .t { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-subtle); }
.respira-v71 .bu-row .what { color: var(--rp-fg); }
.respira-v71 .bu-row .what .sub { color: var(--rp-fg-muted); font-size: 11px; margin-top: 2px; display: block; font-family: var(--rp-font-mono); }
.respira-v71 .bu-row .who { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); display: flex; align-items: center; gap: 6px; }
.respira-v71 .bu-row .who img { width: 14px; height: 14px; }
.respira-v71 .bu-row .impact {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  padding: 3px 8px; border-radius: 4px; width: fit-content;
}
.respira-v71 .bu-row .impact.lo { background: rgba(16,185,129,.12); color: var(--rp-emerald-400); }
.respira-v71 .bu-row .impact.hi { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .bu-row .impact.crit { background: rgba(244,63,94,.12); color: var(--rp-error); }

.respira-v71 .bu-side {
  background: linear-gradient(135deg, rgba(244,63,94,.06), rgba(244,63,94,.01));
  border: 1px solid rgba(244,63,94,.3);
  border-radius: 12px; padding: 18px 20px;
  display: flex; flex-direction: column; gap: 12px;
}
.respira-v71 .bu-side h3 {
  margin: 0; font-family: var(--rp-font-sans);
  font-weight: 700; font-size: 22px; letter-spacing: -0.015em;
  color: var(--rp-fg);
}
.respira-v71 .bu-side h3 em { font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500; color: var(--rp-error); }
.respira-v71 .bu-side .body { font-size: 13px; color: var(--rp-fg-muted); line-height: 1.55; }
.respira-v71 .bu-side .preview {
  background: rgba(0,0,0,.25); border: 1px solid var(--rp-border);
  border-radius: 8px; padding: 12px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted); line-height: 1.6;
}
.respira-v71 .bu-side .preview b { color: var(--rp-fg); }
.respira-v71 .bu-side .actions { display: flex; gap: 10px; align-items: center; }
.respira-v71 .bu-side .danger-btn {
  background: var(--rp-error); color: #fff; font-weight: 600;
  padding: 8px 14px; border-radius: 6px; font-size: 13px;
  display: inline-flex; align-items: center; gap: 8px;
  border: none; font-family: inherit;
}
.respira-v71 .bu-side .danger-btn:hover { background: #be123c; }
.respira-v71 .bu-side .meta {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); letter-spacing: 0;
}


.respira-v71 .err-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.respira-v71 .err-card {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  padding: 22px 20px;
  display: flex; flex-direction: column; gap: 10px;
  position: relative; overflow: hidden;
}
.respira-v71 .err-card.open {
  border-color: rgba(244,63,94,.5);
  background: linear-gradient(135deg, rgba(244,63,94,.06), rgba(244,63,94,.01));
}
.respira-v71 .err-card.warn {
  border-color: rgba(245,158,11,.5);
  background: linear-gradient(135deg, rgba(245,158,11,.06), rgba(245,158,11,.01));
}
.respira-v71 .err-card .lb {
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .14em; text-transform: uppercase;
  font-weight: 600; display: flex; align-items: center; gap: 8px;
}
.respira-v71 .err-card.open .lb { color: var(--rp-error); }
.respira-v71 .err-card.warn .lb { color: var(--rp-warning); }
.respira-v71 .err-card h4 {
  margin: 0; font-family: var(--rp-font-sans);
  font-weight: 700; font-size: 19px;
  letter-spacing: -0.015em; line-height: 1.2;
}
.respira-v71 .err-card h4 em { font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500; color: var(--rp-error); }
.respira-v71 .err-card.warn h4 em { color: var(--rp-warning); }
.respira-v71 .err-card .ds {
  font-size: 13px; color: var(--rp-fg-muted);
  line-height: 1.55; flex: 1;
}
.respira-v71 .err-card .ds code {
  font-family: var(--rp-font-mono); font-size: 11.5px;
  background: rgba(0,0,0,.3); padding: 1px 5px; border-radius: 3px;
  color: var(--rp-fg);
}
.respira-v71 .err-card .fix {
  display: flex; gap: 8px; align-items: center; flex-wrap: wrap;
}
.respira-v71 .err-card .fix .btn { font-family: inherit; font-size: 12px; padding: 6px 10px; border-radius: 6px; }
.respira-v71 .err-card .fix .btn.primary { background: var(--rp-emerald-500); color: #001a17; font-weight: 600; }
.respira-v71 .err-card .fix .btn.ghost { background: transparent; border: 1px solid var(--rp-border); color: var(--rp-fg-muted); }
.respira-v71 .err-card .meta {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); padding-top: 10px;
  border-top: 1px dashed var(--rp-border); margin-top: auto;
  letter-spacing: 0;
}


.respira-v71 .nf-card {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 12px; overflow: hidden;
}
.respira-v71 .nf-h {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .nf-h .nm { font-size: 14px; font-weight: 600; }
.respira-v71 .nf-h .meta { font-family: var(--rp-font-mono); font-size: 10.5px; color: var(--rp-fg-subtle); }
.respira-v71 .nf-rule {
  display: grid; grid-template-columns: 1.3fr .9fr .9fr;
  gap: 18px; padding: 14px 18px;
  border-bottom: 1px solid var(--rp-border);
  align-items: center; font-size: 13px;
}
.respira-v71 .nf-rule:last-child { border-bottom: none; }
.respira-v71 .nf-rule .when {
  color: var(--rp-fg); font-weight: 500;
}
.respira-v71 .nf-rule .when .sub { color: var(--rp-fg-muted); font-family: var(--rp-font-mono); font-size: 11px; margin-top: 2px; }
.respira-v71 .nf-channels { display: flex; gap: 6px; flex-wrap: wrap; }
.respira-v71 .nf-ch {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 8px; border-radius: 999px;
  font-family: var(--rp-font-mono); font-size: 11px;
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .nf-ch.on { background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.4); color: var(--rp-emerald-400); }
.respira-v71 .nf-ch.on .dot { background: var(--rp-emerald-500); }
.respira-v71 .nf-ch .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rp-border-strong); }


.respira-v71 .ag-bar {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  margin-bottom: 16px;
}
.respira-v71 .ag-tile {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 12px; padding: 14px 16px;
}
.respira-v71 .ag-tile .lb { font-family: var(--rp-font-mono); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600; margin-bottom: 8px; }
.respira-v71 .ag-tile .v { font-family: var(--rp-font-mono); font-size: 28px; font-weight: 500; letter-spacing: -0.02em; color: var(--rp-fg); line-height: 1; }
.respira-v71 .ag-tile .v .u { font-size: 14px; color: var(--rp-fg-subtle); margin-left: 4px; }
.respira-v71 .ag-tile .sub { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); margin-top: 6px; }

.respira-v71 .ag-sites {
  background: var(--rp-surface); border: 1px solid var(--rp-border); border-radius: 12px; overflow: hidden;
}
.respira-v71 .ag-h {
  display: grid; grid-template-columns: 36px 1.4fr 1fr 1fr 0.8fr 60px;
  gap: 14px; padding: 12px 16px;
  background: var(--rp-surface-elevated);
  border-bottom: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 9.5px;
  text-transform: uppercase; letter-spacing: .14em;
  color: var(--rp-fg-subtle); font-weight: 600;
}
.respira-v71 .ag-row {
  display: grid; grid-template-columns: 36px 1.4fr 1fr 1fr 0.8fr 60px;
  gap: 14px; padding: 14px 16px;
  border-bottom: 1px solid var(--rp-border);
  align-items: center; font-size: 13px;
}
.respira-v71 .ag-row:last-child { border-bottom: none; }
.respira-v71 .ag-row .av {
  width: 30px; height: 30px; border-radius: 6px;
  background: linear-gradient(135deg, rgba(16,185,129,.2), rgba(16,185,129,.04));
  border: 1px solid rgba(16,185,129,.25);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 13px; color: var(--rp-emerald-400);
}
.respira-v71 .ag-row .av.danger { background: linear-gradient(135deg, rgba(244,63,94,.18), rgba(244,63,94,.04)); border-color: rgba(244,63,94,.3); color: var(--rp-error); }
.respira-v71 .ag-row .av.amber { background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(245,158,11,.04)); border-color: rgba(245,158,11,.3); color: var(--rp-warning); }
.respira-v71 .ag-row .domain { font-weight: 600; color: var(--rp-fg); }
.respira-v71 .ag-row .domain .sub { color: var(--rp-fg-muted); font-family: var(--rp-font-mono); font-size: 10.5px; margin-top: 2px; display: block; }
.respira-v71 .ag-row .health-bar {
  position: relative; height: 6px; background: var(--rp-border); border-radius: 3px; overflow: hidden;
  display: flex; align-items: center;
}
.respira-v71 .ag-row .health-bar > i {
  display: block; height: 100%; border-radius: 3px;
  background: linear-gradient(90deg, var(--rp-emerald-500), var(--rp-emerald-300));
}
.respira-v71 .ag-row .health-bar.warn > i { background: var(--rp-warning); }
.respira-v71 .ag-row .health-bar.danger > i { background: var(--rp-error); }
.respira-v71 .ag-row .stats { font-family: var(--rp-font-mono); font-size: 11px; color: var(--rp-fg-muted); }
.respira-v71 .ag-row .stats b { color: var(--rp-fg); }
.respira-v71 .ag-row .badge {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 2px 8px; border-radius: 999px;
  font-family: var(--rp-font-mono); font-size: 10.5px;
  background: rgba(16,185,129,.12); color: var(--rp-emerald-400); font-weight: 500;
}
.respira-v71 .ag-row .badge.amber { background: rgba(245,158,11,.12); color: var(--rp-warning); }
.respira-v71 .ag-row .badge.danger { background: rgba(244,63,94,.12); color: var(--rp-error); }


.respira-v71 .ad-hero {
  display: grid; grid-template-columns: 80px 1fr auto; gap: 18px;
  align-items: flex-start; padding: 22px 26px;
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.01));
  border: 1px solid var(--rp-border);
  border-radius: 16px;
}
.respira-v71 .ad-hero .logo {
  width: 72px; height: 72px; border-radius: 14px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border-strong);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 24px rgba(16,185,129,.18);
}
.respira-v71 .ad-hero .logo img { width: 44px; height: 44px; }
.respira-v71 .ad-hero .head { display: flex; flex-direction: column; gap: 4px; }
.respira-v71 .ad-hero .head h1 {
  font-family: var(--rp-font-sans); font-weight: 700;
  font-size: 30px; letter-spacing: -0.025em; margin: 0;
}
.respira-v71 .ad-hero .head h1 em { font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500; color: var(--rp-emerald-300); }
.respira-v71 .ad-hero .head .meta {
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted); letter-spacing: 0;
  display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 6px;
}
.respira-v71 .ad-hero .head .meta b { color: var(--rp-fg); }
.respira-v71 .ad-hero .actions { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; }

.respira-v71 .ad-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
.respira-v71 .ad-stat {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 12px 16px;
}
.respira-v71 .ad-stat .lb { font-family: var(--rp-font-mono); font-size: 9.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600; }
.respira-v71 .ad-stat .v { font-family: var(--rp-font-mono); font-size: 24px; color: var(--rp-fg); letter-spacing: -0.02em; margin-top: 8px; font-weight: 500; }
.respira-v71 .ad-stat .v .u { font-size: 13px; color: var(--rp-fg-subtle); margin-left: 3px; }
.respira-v71 .ad-stat .sub { font-family: var(--rp-font-mono); font-size: 10.5px; color: var(--rp-fg-muted); margin-top: 4px; }

.respira-v71 .ad-table {
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 12px; overflow: hidden;
}
.respira-v71 .ad-table-h {
  display: grid; grid-template-columns: 80px 110px 1fr 60px;
  gap: 12px; padding: 10px 16px;
  background: var(--rp-surface-elevated); border-bottom: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 9.5px;
  text-transform: uppercase; letter-spacing: .14em;
  color: var(--rp-fg-subtle); font-weight: 600;
}
.respira-v71 .ad-table-row {
  display: grid; grid-template-columns: 80px 110px 1fr 60px;
  gap: 12px; padding: 10px 16px;
  border-bottom: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono); font-size: 11.5px;
  align-items: center;
}
.respira-v71 .ad-table-row:last-child { border-bottom: none; }
.respira-v71 .ad-table-row .v { color: var(--rp-fg); }
.respira-v71 .ad-table-row .ct {
  font-family: var(--rp-font-mono); font-size: 11px;
  text-align: right; color: var(--rp-fg);
}

.respira-v71 .ad-back {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-fg-muted); cursor: pointer;
}
.respira-v71 .ad-back:hover { color: var(--rp-fg); }



/* ===== thanks-seats.css ===== */


.respira-v71 .th-seats-card {
  
  background:
    linear-gradient(135deg, rgba(16,185,129,.05), rgba(16,185,129,.005) 60%),
    var(--rp-surface);
  border-color: rgba(16,185,129,.22);
  position: relative;
  overflow: hidden;
}
.respira-v71 .th-seats-card::before {
  content: ""; position: absolute; right: -100px; top: -100px;
  width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,.10), transparent 60%);
  pointer-events: none;
}

.respira-v71 .th-seats-intro {
  max-width: 720px;
  position: relative; z-index: 1;
  margin-bottom: 22px;
}
.respira-v71 .th-seats-h {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin: 8px 0 8px;
  color: var(--rp-fg);
}
.respira-v71 .th-seats-h em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--rp-emerald-300);
}
.respira-v71 .th-seats-lede {
  font-size: 15px;
  line-height: 1.65;
  color: var(--rp-fg-muted);
  margin: 0;
  text-wrap: pretty;
}
.respira-v71 .th-seats-lede em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  color: var(--rp-emerald-300);
  font-weight: 500;
}

.respira-v71 .th-seats-block {
  position: relative; z-index: 1;
}
.respira-v71 .th-seats-tier-h {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 0 0 10px;
  border-bottom: 1px dashed var(--rp-border);
  margin-bottom: 14px;
}
.respira-v71 .th-seats-tier-label {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  letter-spacing: -0.005em;
  color: var(--rp-fg);
}
.respira-v71 .th-seats-tier-meta {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  color: var(--rp-fg-muted);
  margin-left: auto;
}


.respira-v71 .th-seats-grid {
  columns: 4;
  column-gap: 28px;
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--rp-fg-muted);
}
.respira-v71 .th-seats-grid > span {
  display: block;
  padding: 2px 0;
  break-inside: avoid;
  transition: color .12s ease, transform .12s ease;
  cursor: default;
}
.respira-v71 .th-seats-grid > span:hover {
  color: var(--rp-fg);
  transform: translateX(2px);
}




.respira-v71 .th-seats-foot {
  margin-top: 28px;
  padding: 18px 20px;
  background: rgba(0,0,0,.18);
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  position: relative; z-index: 1;
}
.respira-v71 .th-seats-foot-eb {
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--rp-emerald-400);
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}
.respira-v71 .th-seats-foot p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--rp-fg);
  max-width: 680px;
  font-family: var(--rp-font-editorial);
  font-weight: 400;
}
.respira-v71 .th-seats-foot p em {
  font-style: italic;
  color: var(--rp-emerald-300);
  font-weight: 500;
}


.respira-v71 .density-compact .th-seats-grid {
  font-size: 12.5px;
  columns: 5;
}


.respira-v71 .ui-classic .th-seats-card {
  background:
    linear-gradient(135deg, rgba(10,79,92,.05), rgba(10,79,92,.005) 60%),
    var(--rp-surface, #fffaf0);
}
.respira-v71 .ui-classic .th-seats-h em, .respira-v71 .ui-classic .th-seats-tier-label, .respira-v71 .ui-classic .th-seats-foot p em {
  color: #0a4f5c;
}



/* ===== type-moods.css ===== */




.respira-v71.app-shell[data-type-mood="warm"] {
  --rp-font-sans: "Source Sans 3", -apple-system, sans-serif;
  --rp-font-editorial: "Source Serif 4", Georgia, serif;
  --rp-emerald-300: #a7e3ce;
  --rp-emerald-400: #6ec19f;
  --rp-emerald-500: #4ea683;
  --rp-fg: #efe6d3;
  --rp-fg-muted: #b0a691;
  --rp-fg-subtle: #877e6a;
  --rp-bg: #15110b;
  --rp-surface: #1c1813;
  --rp-surface-elevated: #2a241c;
  --rp-surface-overlay: #322b22;
  --rp-border: #2b251c;
  --rp-border-strong: #3a3225;
  --rp-glow-emerald: 0 0 24px rgba(78,166,131,.3);
}
.respira-v71.app-shell[data-type-mood="warm"] .plugin-shell { background: #15110b; }
.respira-v71.app-shell[data-type-mood="warm"] .home-hero h1, .respira-v71.app-shell[data-type-mood="warm"] .x-h1 {
  font-family: var(--rp-font-editorial);
  font-weight: 500;
  font-style: normal;
}
.respira-v71.app-shell[data-type-mood="warm"] .home-hero h1 em, .respira-v71.app-shell[data-type-mood="warm"] .x-h1 em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  color: var(--rp-emerald-400);
}


.respira-v71.app-shell[data-type-mood="cinematic"] {
  --rp-font-sans: "Geist", -apple-system, sans-serif;
  --rp-font-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  
}
.respira-v71.app-shell[data-type-mood="cinematic"] .home-hero h1 {
  font-size: 40px;
  letter-spacing: -0.03em;
}
.respira-v71.app-shell[data-type-mood="cinematic"] .home-hero h1 em {
  font-family: "Geist", sans-serif;
  font-style: italic;
  font-weight: 500;
  color: var(--rp-emerald-300);
}
.respira-v71.app-shell[data-type-mood="cinematic"] .x-h1 em {
  font-family: "Geist", sans-serif;
  font-style: italic;
  font-weight: 500;
}
.respira-v71.app-shell[data-type-mood="cinematic"] .rp-bridge-h .ttl, .respira-v71.app-shell[data-type-mood="cinematic"] .hours-saved-value .m {
  font-family: "Geist", sans-serif;
  font-style: italic;
}
.respira-v71.app-shell[data-type-mood="cinematic"] .plugin-main {
  padding-top: 20px;
}




.respira-v71 .rp-top-toolbar {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 8px;
  border-bottom: 1px dashed transparent;
}
.respira-v71 .rp-celeb-trigger {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px;
  border-radius: 7px;
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.02));
  border: 1px solid rgba(16,185,129,.22);
  font-family: var(--rp-font-mono); font-size: 11px;
  color: var(--rp-emerald-400);
  cursor: pointer; transition: all .15s ease;
}
.respira-v71 .rp-celeb-trigger:hover {
  border-color: rgba(16,185,129,.5);
  background: linear-gradient(135deg, rgba(16,185,129,.14), rgba(16,185,129,.04));
}



/* ===== mcp-setup.css ===== */


.respira-v71 .screen.mcp-setup { display: flex; flex-direction: column; gap: 16px; }


.respira-v71 .mcp-h {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 32px;
  padding-bottom: 6px;
}
.respira-v71 .mcp-eb {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--rp-font-mono); font-size: 11px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 8px;
}
.respira-v71 .mcp-h1 {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: var(--rp-fg);
  margin: 0 0 8px;
}
.respira-v71 .mcp-h1 em {
  font-family: var(--rp-font-editorial);
  font-style: italic; font-weight: 500;
  color: var(--rp-emerald-300);
}
.respira-v71 .mcp-lede {
  margin: 0;
  font-size: 14.5px;
  color: var(--rp-fg-muted);
  line-height: 1.6;
  max-width: 640px;
}
.respira-v71 .mcp-lede strong { color: var(--rp-fg); }
.respira-v71 .mcp-hub-link {
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: 12px;
  color: var(--rp-emerald-400);
  font-family: var(--rp-font-mono); font-size: 11.5px;
  text-decoration: none;
}
.respira-v71 .mcp-hub-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }


.respira-v71 .mcp-seats {
  display: flex; gap: 12px;
  flex-shrink: 0;
}
.respira-v71 .mcp-seats .seat {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 10px 14px;
  min-width: 120px;
}
.respira-v71 .mcp-seats .seat-lb {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; color: var(--rp-fg-subtle);
  font-weight: 600;
}
.respira-v71 .mcp-seats .seat-v {
  font-family: var(--rp-font-mono); font-size: 26px;
  font-weight: 500; letter-spacing: -0.02em;
  color: var(--rp-fg); line-height: 1; margin-top: 6px;
}
.respira-v71 .mcp-seats .seat-sub {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-muted); margin-top: 6px; letter-spacing: 0;
}


.respira-v71 .mcp-card {
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 14px;
  padding: 20px 24px;
}
.respira-v71 .mcp-card-h {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 24px; margin-bottom: 16px;
}
.respira-v71 .mcp-card-title {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 4px;
  letter-spacing: -0.015em;
  color: var(--rp-fg);
}
.respira-v71 .mcp-card-sub {
  margin: 0;
  font-size: 13px;
  color: var(--rp-fg-muted);
  line-height: 1.55;
  max-width: 540px;
}
.respira-v71 .mcp-card-sub strong { color: var(--rp-fg); }

.respira-v71 .mcp-link {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--rp-emerald-400);
  font-family: var(--rp-font-mono); font-size: 11.5px;
  text-decoration: none; cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
}
.respira-v71 .mcp-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }


.respira-v71 .mcp-scope-row {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
}
.respira-v71 .mcp-scope {
  background: var(--rp-bg);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  padding: 14px 16px;
  display: flex; flex-direction: column; gap: 6px;
  cursor: pointer;
  text-align: left;
  transition: all .15s ease;
}
.respira-v71 .mcp-scope:hover { border-color: rgba(16,185,129,.3); transform: translateY(-1px); }
.respira-v71 .mcp-scope.on {
  border-color: var(--rp-emerald-500);
  background: linear-gradient(135deg, rgba(16,185,129,.08), rgba(16,185,129,.01));
  box-shadow: 0 0 0 1px var(--rp-emerald-500);
}
.respira-v71 .mcp-scope .scope-h {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
}
.respira-v71 .mcp-scope .scope-nm {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -0.01em;
}
.respira-v71 .scope-risk {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .12em; padding: 2px 7px; border-radius: 4px;
  text-transform: uppercase; font-weight: 600;
}
.respira-v71 .scope-risk.low { background: rgba(16,185,129,.14); color: var(--rp-emerald-400); }
.respira-v71 .scope-risk.medium { background: rgba(245,158,11,.14); color: var(--rp-warning); }
.respira-v71 .scope-risk.high { background: rgba(244,63,94,.14); color: var(--rp-error); }
.respira-v71 .mcp-scope .scope-d {
  font-size: 12px; color: var(--rp-fg-muted); line-height: 1.5;
  flex: 1;
}
.respira-v71 .mcp-scope .scope-foot {
  font-family: var(--rp-font-mono); font-size: 10.5px;
  color: var(--rp-fg-subtle); padding-top: 4px;
  margin-top: 2px; border-top: 1px dashed var(--rp-border);
}
.respira-v71 .mcp-scope .scope-foot b { color: var(--rp-fg); font-weight: 600; }


.respira-v71 .mcp-cmd {
  display: flex; align-items: center; gap: 12px;
  background: var(--rp-bg); border: 1px solid var(--rp-border);
  border-radius: 8px; padding: 12px 16px;
  margin-top: 4px;
}
.respira-v71 .mcp-cmd-prompt { font-family: var(--rp-font-mono); color: var(--rp-fg-subtle); font-size: 13px; }
.respira-v71 .mcp-cmd code {
  flex: 1;
  font-family: var(--rp-font-mono); font-size: 13px;
  color: var(--rp-fg);
  letter-spacing: 0;
}
.respira-v71 .mcp-cmd-copy {
  font-family: var(--rp-font-mono); font-size: 11px;
  padding: 5px 10px; border-radius: 5px;
  background: var(--rp-surface-overlay);
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-cmd-copy:hover { background: var(--rp-surface-elevated); color: var(--rp-fg); }

.respira-v71 .mcp-cmd-meta {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  margin-top: 10px;
  font-family: var(--rp-font-mono); font-size: 11.5px;
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-cmd-meta .mcp-env {
  background: rgba(56,189,248,.10); color: var(--rp-info);
  padding: 2px 7px; border-radius: 4px; font-weight: 600;
}
.respira-v71 .mcp-cmd-meta .mcp-env-val {
  color: var(--rp-emerald-300);
}
.respira-v71 .mcp-cmd-meta .sep { color: var(--rp-fg-subtle); }
.respira-v71 .mcp-env-eye {
  width: 22px; height: 22px; border-radius: 4px;
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
  display: inline-flex; align-items: center; justify-content: center;
}
.respira-v71 .mcp-env-eye:hover { color: var(--rp-fg); background: var(--rp-surface-overlay); }

.respira-v71 .mcp-troubleshoot {
  margin-top: 12px;
  font-family: var(--rp-font-mono); font-size: 12px;
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-troubleshoot summary {
  cursor: pointer;
  color: var(--rp-fg-muted);
  list-style: none;
  padding: 4px 0;
}
.respira-v71 .mcp-troubleshoot summary::-webkit-details-marker { display: none; }
.respira-v71 .mcp-troubleshoot summary:hover { color: var(--rp-fg); }
.respira-v71 .mcp-trouble-body {
  padding: 8px 0 0;
  font-family: var(--rp-font-sans); font-size: 13px;
  line-height: 1.55; color: var(--rp-fg-muted);
}
.respira-v71 .mcp-trouble-body p { margin: 0 0 8px; }


.respira-v71 .mcp-oc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.respira-v71 .mcp-oc-card {
  border: 1px solid var(--rp-border);
  border-radius: 12px;
  padding: 16px 16px 14px;
  display: flex; flex-direction: column; gap: 8px;
  min-height: 200px;
  transition: transform .15s ease, border-color .15s ease;
}
.respira-v71 .mcp-oc-card:hover {
  transform: translateY(-2px);
  border-color: rgba(16,185,129,.3);
}
.respira-v71 .mcp-oc-card-sm { min-height: 140px; padding: 14px 14px 12px; }

.respira-v71 .mcp-oc-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 4px;
}
.respira-v71 .mcp-oc-logo {
  width: 30px; height: 30px; border-radius: 7px;
  background: rgba(0,0,0,.25);
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .mcp-oc-logo.sm { width: 26px; height: 26px; }
.respira-v71 .mcp-oc-logo img { width: 20px; height: 20px; object-fit: contain; }
.respira-v71 .mcp-oc-nm {
  font-size: 15px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -0.01em;
  flex: 1;
}
.respira-v71 .mcp-oc-tag {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  background: rgba(167,139,250,.15); color: #c4b5fd;
  padding: 2px 6px; border-radius: 4px; font-weight: 600;
  letter-spacing: .08em;
}
.respira-v71 .mcp-oc-tag.rec { background: rgba(16,185,129,.15); color: var(--rp-emerald-400); }
.respira-v71 .mcp-oc-d {
  margin: 0; font-size: 12.5px; color: var(--rp-fg-muted);
  line-height: 1.5; flex: 1;
}
.respira-v71 .mcp-oc-actions {
  display: flex; align-items: center; gap: 12px;
  margin-top: 6px;
}
.respira-v71 .mcp-oc-btn {
  background: var(--rp-emerald-500); color: #001a17;
  font-weight: 600; font-size: 12.5px;
  padding: 7px 14px; border-radius: 6px;
  border: none; font-family: inherit;
  cursor: pointer; transition: all .15s ease;
}
.respira-v71 .mcp-oc-btn:hover { background: var(--rp-emerald-400); box-shadow: var(--rp-glow-emerald); }
.respira-v71 .mcp-oc-btn.ghost {
  background: transparent; border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-oc-btn.ghost:hover { color: var(--rp-fg); border-color: var(--rp-border-strong); }
.respira-v71 .mcp-oc-link { font-size: 11.5px; }
.respira-v71 .mcp-oc-foot {
  font-size: 11.5px; color: var(--rp-fg-subtle);
  line-height: 1.5; padding-top: 8px;
  border-top: 1px dashed var(--rp-border);
  margin-top: 4px;
}

.respira-v71 .mcp-oc-more {
  margin-top: 14px;
  font-size: 12px;
}
.respira-v71 .mcp-oc-more summary {
  cursor: pointer;
  list-style: none;
  padding: 4px 0;
}
.respira-v71 .mcp-oc-more summary::-webkit-details-marker { display: none; }


.respira-v71 .mcp-conf-tabs {
  display: flex; gap: 2px;
  padding: 3px;
  background: var(--rp-bg);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  width: fit-content;
  margin-bottom: 14px;
}
.respira-v71 .mcp-conf-tab {
  padding: 7px 14px;
  border-radius: 6px;
  background: transparent;
  color: var(--rp-fg-muted);
  font-family: inherit; font-size: 13px; font-weight: 500;
  cursor: pointer;
}
.respira-v71 .mcp-conf-tab:hover { color: var(--rp-fg); }
.respira-v71 .mcp-conf-tab.on {
  background: rgba(16,185,129,.14);
  color: var(--rp-emerald-300);
  font-weight: 600;
}
.respira-v71 .mcp-conf-note {
  font-size: 13px;
  color: var(--rp-fg-muted);
  margin: 0 0 14px;
  line-height: 1.55;
}
.respira-v71 .mcp-conf-note strong { color: var(--rp-fg); }
.respira-v71 .mcp-conf-actions {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.respira-v71 .mcp-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 6px;
  font-family: inherit; font-size: 13px; font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer; transition: all .15s ease;
}
.respira-v71 .mcp-btn.sm { padding: 5px 10px; font-size: 11px; }
.respira-v71 .mcp-btn.primary {
  background: var(--rp-emerald-500); color: #001a17; font-weight: 600;
}
.respira-v71 .mcp-btn.primary:hover { background: var(--rp-emerald-400); box-shadow: var(--rp-glow-emerald); }
.respira-v71 .mcp-btn.ghost {
  background: transparent; border-color: var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .mcp-btn.ghost:hover { color: var(--rp-fg); border-color: var(--rp-border-strong); background: var(--rp-surface-overlay); }


.respira-v71 .mcp-warn {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px;
  background: rgba(245,158,11,.06);
  border: 1px solid rgba(245,158,11,.25);
  border-radius: 10px;
  font-size: 13px;
  color: var(--rp-fg);
}


.respira-v71 .mcp-agents-table {
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  overflow: hidden;
}
.respira-v71 .mcp-agents-h, .respira-v71 .mcp-agents-row {
  display: grid;
  grid-template-columns: 1.4fr 1.2fr 1fr 1fr 1fr auto;
  gap: 14px;
  padding: 10px 16px;
  align-items: center;
}
.respira-v71 .mcp-agents-h {
  background: var(--rp-bg);
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .14em; color: var(--rp-fg-subtle);
  font-weight: 600;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .mcp-agents-row {
  border-bottom: 1px solid var(--rp-border);
  font-size: 13px;
}
.respira-v71 .mcp-agents-row:last-child { border-bottom: none; }
.respira-v71 .mcp-agents-nm {
  display: flex; align-items: center; gap: 10px;
  font-weight: 600; color: var(--rp-fg);
}
.respira-v71 .mcp-agents-nm img { width: 18px; height: 18px; }
.respira-v71 .mcp-agents-sess, .respira-v71 .mcp-agents-last { font-size: 11px; color: var(--rp-fg-muted); }
.respira-v71 .mcp-status {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--rp-font-mono); font-size: 11px;
}
.respira-v71 .mcp-status .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rp-fg-subtle); }
.respira-v71 .mcp-status.ok { color: var(--rp-emerald-400); }
.respira-v71 .mcp-status.ok .dot { background: var(--rp-emerald-500); box-shadow: 0 0 0 2px rgba(16,185,129,.2); }
.respira-v71 .mcp-status.idle { color: var(--rp-fg-muted); }
.respira-v71 .mcp-status.idle .dot { background: var(--rp-fg-subtle); }
.respira-v71 .mcp-agents-act { display: flex; gap: 6px; align-items: center; }


.respira-v71 .mcp-hub-cta {
  display: flex; align-items: center; gap: 16px;
  padding: 20px 24px;
  background: linear-gradient(135deg, rgba(16,185,129,.10), rgba(167,139,250,.05));
  border: 1px solid rgba(16,185,129,.3);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: transform .15s ease, box-shadow .15s ease;
}
.respira-v71 .mcp-hub-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 32px rgba(16,185,129,.12);
  border-color: rgba(16,185,129,.5);
}
.respira-v71 .mcp-hub-icon {
  width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.respira-v71 .mcp-hub-icon img {
  width: 48px; height: 48px;
  filter: drop-shadow(0 0 12px rgba(16,185,129,.35));
}
.respira-v71 .mcp-hub-body { flex: 1; }
.respira-v71 .mcp-hub-eb {
  font-family: var(--rp-font-mono); font-size: 10px;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 6px;
}
.respira-v71 .mcp-hub-title {
  margin: 0 0 4px;
  font-family: var(--rp-font-sans); font-weight: 700;
  font-size: 20px; letter-spacing: -0.015em;
  color: var(--rp-fg);
}
.respira-v71 .mcp-hub-title em { font-family: var(--rp-font-editorial); font-style: italic; font-weight: 500; color: var(--rp-emerald-300); }
.respira-v71 .mcp-hub-d {
  margin: 0; font-size: 13px; color: var(--rp-fg-muted);
  line-height: 1.55;
}
.respira-v71 .mcp-hub-arr {
  color: var(--rp-emerald-400);
  flex-shrink: 0;
}



/* ===== mcp-polish.css ===== */



.respira-v71 .mcp-ways {
  background: linear-gradient(135deg, rgba(16,185,129,.06), rgba(16,185,129,.005));
  border: 1px solid rgba(16,185,129,.22);
  border-radius: 14px;
  padding: 18px 22px;
}
.respira-v71 .mcp-ways-eb {
  display: block;
  font-family: var(--rp-font-mono);
  font-size: 10.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--rp-emerald-400);
  font-weight: 600;
  margin-bottom: 14px;
}
.respira-v71 .mcp-ways-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.respira-v71 .mcp-way {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: all .15s ease;
}
.respira-v71 .mcp-way:hover {
  border-color: rgba(16,185,129,.5);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0,0,0,.18);
}
.respira-v71 .mcp-way-n {
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(16,185,129,.14);
  color: var(--rp-emerald-300);
  font-family: var(--rp-font-mono);
  font-size: 13px;
  font-weight: 700;
}
.respira-v71 .mcp-way-body { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.respira-v71 .mcp-way-t {
  font-size: 14px;
  font-weight: 600;
  color: var(--rp-fg);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.respira-v71 .mcp-way-d {
  font-size: 12px;
  color: var(--rp-fg-muted);
  line-height: 1.45;
}


.respira-v71 .mcp-card-num {
  display: inline-block;
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .18em;
  font-weight: 600;
  color: var(--rp-emerald-400);
  margin-bottom: 8px;
  padding: 2px 8px;
  background: rgba(16,185,129,.12);
  border-radius: 4px;
}


.respira-v71 .mcp-tx {
  display: flex; flex-direction: column;
  background: #060a0e;
  border: 1px solid #0f1620;
  border-radius: 10px;
  padding: 4px;
  overflow: hidden;
}
.respira-v71 .mcp-tx-row {
  display: grid;
  grid-template-columns: 80px 1fr auto auto;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-radius: 6px;
}
.respira-v71 .mcp-tx-row + .mcp-tx-row {
  margin-top: 2px;
}
.respira-v71 .mcp-tx-row:hover {
  background: rgba(255,255,255,.025);
}
.respira-v71 .mcp-tx-label {
  font-family: var(--rp-font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rp-fg-subtle);
  font-weight: 600;
  text-align: right;
}
.respira-v71 .mcp-tx-val {
  font-family: var(--rp-font-mono);
  font-size: 13px;
  color: #d4f5e8;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.respira-v71 .mcp-tx-key {
  color: #79c0c8;
  font-weight: 600;
}
.respira-v71 .mcp-tx-v {
  color: #6ee7b7;
}
.respira-v71 .mcp-tx-copy {
  font-family: var(--rp-font-mono);
  font-size: 10.5px;
  padding: 5px 12px;
  border-radius: 5px;
  background: rgba(110,231,183,.08);
  border: 1px solid rgba(110,231,183,.2);
  color: #6ee7b7;
  font-weight: 600;
  letter-spacing: .04em;
  flex-shrink: 0;
  cursor: pointer;
  transition: all .12s ease;
}
.respira-v71 .mcp-tx-copy:hover {
  background: rgba(110,231,183,.18);
  border-color: rgba(110,231,183,.4);
}
.respira-v71 .mcp-tx-eye {
  width: 28px; height: 28px;
  border-radius: 5px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: #79c0c8;
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}
.respira-v71 .mcp-tx-eye:hover { background: rgba(255,255,255,.08); color: #d4f5e8; }


.respira-v71 .mcp-cmd, .respira-v71 .mcp-cmd-meta {  }


.respira-v71 .mcp-oc-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 980px) {
  .respira-v71 .mcp-oc-grid { grid-template-columns: repeat(2, 1fr); }
  .respira-v71 .mcp-ways-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .respira-v71 .mcp-oc-grid { grid-template-columns: 1fr; }
}

.respira-v71 .mcp-oc-card {
  display: flex; flex-direction: column;
  min-height: 200px;
  padding: 16px 16px 14px;
}
.respira-v71 .mcp-oc-h { display: flex; align-items: center; gap: 10px; min-height: 32px; }
.respira-v71 .mcp-oc-logo {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.respira-v71 .mcp-oc-logo img { width: 22px; height: 22px; object-fit: contain; }
.respira-v71 .mcp-oc-nm {
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--rp-fg);
  flex: 1; min-width: 0;
}
.respira-v71 .mcp-oc-d {
  margin: 6px 0 0;
  font-size: 12.5px;
  color: var(--rp-fg-muted);
  line-height: 1.5;
  
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}
.respira-v71 .mcp-oc-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed rgba(255,255,255,.05);
}
.respira-v71 .mcp-oc-btn {
  flex: 1;
  height: 34px;
  padding: 0 12px;
  border-radius: 6px;
  background: var(--rp-emerald-500);
  color: #001a17;
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all .15s ease;
}
.respira-v71 .mcp-oc-btn:hover {
  background: var(--rp-emerald-400);
  box-shadow: var(--rp-glow-emerald);
}
.respira-v71 .mcp-oc-btn.ghost {
  background: transparent;
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
  font-weight: 500;
}
.respira-v71 .mcp-oc-btn.ghost:hover {
  border-color: rgba(16,185,129,.4);
  color: var(--rp-fg);
}
.respira-v71 .mcp-oc-link {
  font-size: 11px;
  flex-shrink: 0;
}
.respira-v71 .mcp-oc-foot { display: none; }


.respira-v71 .mcp-oc-tag {
  font-family: var(--rp-font-mono);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .12em;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(167,139,250,.18);
  color: #c4b5fd;
  flex-shrink: 0;
}
.respira-v71 .mcp-oc-tag.rec {
  background: rgba(16,185,129,.18);
  color: var(--rp-emerald-300);
}


.respira-v71 .ui-classic .mcp-ways {
  background: linear-gradient(135deg, rgba(10,79,92,.06), rgba(10,79,92,.005));
  border-color: rgba(10,79,92,.22);
}
.respira-v71 .ui-classic .mcp-ways-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-way { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .mcp-way:hover { border-color: rgba(10,79,92,.5); }
.respira-v71 .ui-classic .mcp-way-n { background: rgba(10,79,92,.14); color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-way-t { color: #1c1917; }
.respira-v71 .ui-classic .mcp-way-d { color: #4a463f; }
.respira-v71 .ui-classic .mcp-card-num { background: rgba(10,79,92,.12); color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-tx { background: #0c1418; border-color: #0c1418; }
.respira-v71 .ui-classic .mcp-tx-row:hover { background: rgba(255,255,255,.04); }
.respira-v71 .ui-classic .mcp-tx-label { color: #7faa9a; }
.respira-v71 .ui-classic .mcp-tx-val { color: #d4f5e8; }
.respira-v71 .ui-classic .mcp-tx-key { color: #79c0c8; }
.respira-v71 .ui-classic .mcp-tx-v { color: #6ee7b7; }
.respira-v71 .ui-classic .mcp-tx-copy {
  background: rgba(110,231,183,.1);
  border-color: rgba(110,231,183,.2);
  color: #6ee7b7;
}
.respira-v71 .ui-classic .mcp-tx-eye {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.08);
  color: #79c0c8;
}
.respira-v71 .ui-classic .mcp-oc-logo {
  background: rgba(0,0,0,.05);
  border-color: rgba(0,0,0,.04);
}
.respira-v71 .ui-classic .mcp-oc-actions {
  border-top-color: rgba(0,0,0,.05);
}
.respira-v71 .ui-classic .mcp-oc-btn {
  background: #0a4f5c;
  color: #fbf6ec;
}
.respira-v71 .ui-classic .mcp-oc-btn:hover { background: #07343d; box-shadow: 0 0 12px rgba(10,79,92,.25); }
.respira-v71 .ui-classic .mcp-oc-btn.ghost {
  background: transparent;
  border-color: #e0d4b8;
  color: #4a463f;
}
.respira-v71 .ui-classic .mcp-oc-btn.ghost:hover { border-color: rgba(10,79,92,.4); color: #1c1917; }



/* ===== license-diagram.css ===== */



.respira-v71 .lic-hero {
  display: grid;
  grid-template-columns: minmax(420px, 520px) 1fr;
  gap: 36px;
  padding: 36px 32px 30px;
  align-items: center;
  border-bottom: 1px solid var(--rp-border);
  position: relative;
}
.respira-v71 .lic-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(420px 240px at 30% 50%, rgba(16,185,129,.06), transparent 60%),
    radial-gradient(360px 200px at 90% 60%, rgba(16,185,129,.04), transparent 60%);
}


.respira-v71 .lic-hero-mark {
  display: grid;
  grid-template-columns: 1fr 56px 110px 56px 1fr;
  align-items: center;
  gap: 8px;
  padding: 22px 18px;
  background: rgba(11, 16, 23, .45);
  border: 1px solid var(--rp-border-strong);
  border-radius: 16px;
  position: relative; z-index: 1;
}


.respira-v71 .lic-node {
  display: flex; flex-direction: column;
  gap: 10px;
  align-items: center;
  text-align: center;
  min-width: 0;
}
.respira-v71 .lic-node-glyph {
  position: relative;
  width: 52px; height: 52px;
}
.respira-v71 .lic-node-avatar {
  width: 52px; height: 52px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #d97757, #b45309);
  color: #fff;
  font-family: var(--rp-font-sans);
  font-weight: 700; font-size: 22px;
  letter-spacing: -0.02em;
  box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 4px 12px rgba(0,0,0,.3);
}
.respira-v71 .lic-node-wp {
  width: 52px; height: 52px; border-radius: 13px;
  display: flex; align-items: center; justify-content: center;
  background: var(--rp-surface-elevated);
  border: 1px solid var(--rp-border-strong);
  color: var(--rp-fg-muted);
  box-shadow: 0 0 0 1px rgba(255,255,255,.04);
}
.respira-v71 .lic-node-wp svg { width: 28px; height: 28px; }
.respira-v71 .lic-node-dot {
  position: absolute; top: -4px; right: -4px;
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--rp-fg-subtle);
  border: 2px solid var(--rp-bg);
  transition: background .25s ease, box-shadow .25s ease;
}
.respira-v71 .lic-node-dot.on {
  background: var(--rp-emerald-500);
  box-shadow: 0 0 0 2px rgba(16,185,129,.25), 0 0 8px rgba(16,185,129,.6);
  animation: lic-dot-breath 2.4s ease-in-out infinite;
}
.respira-v71 .lic-node-dot.pulse {
  background: var(--rp-warning);
  box-shadow: 0 0 0 2px rgba(245,158,11,.25), 0 0 8px rgba(245,158,11,.5);
  animation: lic-dot-pulse 1.2s ease-in-out infinite;
}
@keyframes lic-dot-breath {
  0%,100% { opacity: 1; transform: scale(1); }
  50% { opacity: .85; transform: scale(1.18); }
}
@keyframes lic-dot-pulse {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.3); }
}

.respira-v71 .lic-node-body { min-width: 0; max-width: 160px; }
.respira-v71 .lic-node-eb {
  font-family: var(--rp-font-mono); font-size: 9.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--rp-fg-subtle); font-weight: 600;
  margin-bottom: 4px;
}
.respira-v71 .lic-node-label {
  font-family: var(--rp-font-sans);
  font-weight: 600;
  font-size: 14.5px;
  color: var(--rp-fg);
  letter-spacing: -0.01em;
  line-height: 1.1;
}
.respira-v71 .lic-node-sub {
  font-size: 10.5px;
  color: var(--rp-fg-muted);
  margin-top: 3px;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.respira-v71 .lic-mandala {
  position: relative;
  width: 110px; height: 110px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto;
}
.respira-v71 .lic-mandala img {
  width: 86px; height: 86px;
  object-fit: contain;
  position: relative; z-index: 2;
  filter: drop-shadow(0 0 12px rgba(16,185,129,.4));
  animation: lic-mandala-breath 4.5s ease-in-out infinite;
}
.respira-v71 .lic-mandala.pulse img {
  animation: lic-mandala-breath 2s ease-in-out infinite;
  filter: drop-shadow(0 0 20px rgba(16,185,129,.7));
}
.respira-v71 .lic-mandala.ok img { filter: drop-shadow(0 0 16px rgba(16,185,129,.55)); }
@keyframes lic-mandala-breath {
  0%,100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: .96; }
}


.respira-v71 .lic-mandala-halo {
  position: absolute; inset: -4px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(16,185,129,.16), transparent 65%);
  z-index: 1;
}
.respira-v71 .lic-mandala-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(16,185,129,.25);
  z-index: 1;
  pointer-events: none;
}
.respira-v71 .lic-mandala-ring-out { inset: -10px; border-color: rgba(16,185,129,.15); }
.respira-v71 .lic-mandala-ring-mid { inset: -2px; border-color: rgba(16,185,129,.3); }
.respira-v71 .lic-mandala.pulse .lic-mandala-ring-out {
  animation: lic-ring-pulse 2.4s ease-out infinite;
}
@keyframes lic-ring-pulse {
  0%   { opacity: 1; transform: scale(1); border-color: rgba(16,185,129,.5); }
  100% { opacity: 0; transform: scale(1.35); border-color: rgba(16,185,129,0); }
}

.respira-v71 .lic-mandala-cap {
  position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%);
  font-family: var(--rp-font-mono); font-size: 9.5px;
  letter-spacing: .18em; font-weight: 600;
  color: var(--rp-emerald-400);
  white-space: nowrap;
  text-transform: uppercase;
}


.respira-v71 .lic-bridge { display: flex; align-items: center; min-width: 0; }
.respira-v71 .lic-bridge svg { width: 100%; height: 24px; overflow: visible; }
.respira-v71 .lic-bridge-line {
  fill: none;
  stroke: var(--rp-border-strong);
  stroke-width: 1.2;
  stroke-dasharray: 3 4;
  opacity: .7;
  transition: all .3s ease;
}
.respira-v71 .lic-bridge.on .lic-bridge-line {
  stroke: var(--rp-emerald-500);
  stroke-dasharray: none;
  opacity: 1;
  filter: drop-shadow(0 0 4px rgba(16,185,129,.45));
}
.respira-v71 .lic-bridge-packet {
  fill: var(--rp-emerald-300);
  filter: drop-shadow(0 0 6px var(--rp-emerald-400));
}


.respira-v71 .lic-hero-copy { position: relative; z-index: 1; }
.respira-v71 .lic-hero-copy .eb {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rp-emerald-400);
  font-weight: 600;
  margin-bottom: 12px;
  display: inline-flex; align-items: center; gap: 8px;
}
.respira-v71 .lic-hero-h {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: var(--rp-fg);
  margin: 0 0 14px;
  text-wrap: pretty;
  max-width: 22ch;
}
.respira-v71 .lic-hero-p {
  font-size: 14.5px;
  color: var(--rp-fg-muted);
  line-height: 1.6;
  margin: 0 0 22px;
  max-width: 50ch;
  text-wrap: pretty;
}
.respira-v71 .lic-hero-p strong { color: var(--rp-fg); font-weight: 600; }
.respira-v71 .lic-hero-actions {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}


@media (max-width: 1080px) {
  .respira-v71 .lic-hero { grid-template-columns: 1fr; gap: 24px; }
  .respira-v71 .lic-hero-mark { padding: 18px 14px; }
}
@media (max-width: 700px) {
  .respira-v71 .lic-hero-mark {
    grid-template-columns: 1fr;
    grid-template-rows: auto 24px auto 24px auto;
  }
  .respira-v71 .lic-bridge { transform: rotate(90deg); height: 24px; }
  .respira-v71 .lic-node { flex-direction: row; gap: 14px; text-align: left; }
  .respira-v71 .lic-mandala-cap { bottom: -18px; }
}


.respira-v71 .ui-classic .lic-hero {
  background: #fbf6ec;
  border-bottom-color: #e0d4b8;
}
.respira-v71 .ui-classic .lic-hero::before {
  background:
    radial-gradient(420px 240px at 30% 50%, rgba(10,79,92,.06), transparent 60%),
    radial-gradient(360px 200px at 90% 60%, rgba(10,79,92,.04), transparent 60%);
}
.respira-v71 .ui-classic .lic-hero-mark {
  background: #ffffff !important;
  border-color: #e0d4b8 !important;
}
.respira-v71 .ui-classic .lic-node-eb { color: #7a7368; }
.respira-v71 .ui-classic .lic-node-label { color: #1c1917; }
.respira-v71 .ui-classic .lic-node-sub { color: #4a463f; }
.respira-v71 .ui-classic .lic-node-avatar {
  background: linear-gradient(135deg, #d97757, #b45309);
  color: #fff;
}
.respira-v71 .ui-classic .lic-node-wp {
  background: #f4ede0;
  border-color: #c9b990;
  color: #4a463f;
}
.respira-v71 .ui-classic .lic-node-dot {
  background: #c9b990;
  border-color: #ffffff;
}
.respira-v71 .ui-classic .lic-node-dot.on {
  background: #0a4f5c;
  box-shadow: 0 0 0 2px rgba(10,79,92,.18), 0 0 8px rgba(10,79,92,.45);
}
.respira-v71 .ui-classic .lic-mandala-halo {
  background: radial-gradient(circle, rgba(10,79,92,.14), transparent 65%);
}
.respira-v71 .ui-classic .lic-mandala-ring, .respira-v71 .ui-classic .lic-mandala-ring-out, .respira-v71 .ui-classic .lic-mandala-ring-mid {
  border-color: rgba(10,79,92,.3);
}
.respira-v71 .ui-classic .lic-mandala img {
  filter: drop-shadow(0 0 10px rgba(10,79,92,.4));
}
.respira-v71 .ui-classic .lic-mandala-cap { color: #0a4f5c; }
.respira-v71 .ui-classic .lic-bridge-line { stroke: #c9b990; }
.respira-v71 .ui-classic .lic-bridge.on .lic-bridge-line {
  stroke: #0a4f5c;
  filter: drop-shadow(0 0 4px rgba(10,79,92,.4));
}
.respira-v71 .ui-classic .lic-bridge-packet {
  fill: #0a4f5c;
  filter: drop-shadow(0 0 6px rgba(10,79,92,.5));
}
.respira-v71 .ui-classic .lic-hero-copy .eb { color: #0a4f5c; }
.respira-v71 .ui-classic .lic-hero-h { color: #1c1917; }
.respira-v71 .ui-classic .lic-hero-h em, .respira-v71 .ui-classic .lic-hero-h span[style*="emerald-300"] { color: #0a4f5c; }
.respira-v71 .ui-classic .lic-hero-p { color: #4a463f; }
.respira-v71 .ui-classic .lic-hero-p strong { color: #1c1917; }


.respira-v71 .lic-orb, .respira-v71 .lic-arc, .respira-v71 .lic-hero-domain { display: none !important; }



/* ===== light-contrast.css ===== */



.respira-v71 .ui-classic.plugin-shell {
  --rp-bg: #f4ede0;
  --rp-surface: #fbf6ec;
  --rp-surface-elevated: #ffffff;
  --rp-surface-overlay: #f4ede0;
  --rp-border: #e0d4b8;
  --rp-border-strong: #c9b990;
  --rp-fg: #1c1917;
  --rp-fg-muted: #4a463f;
  --rp-fg-subtle: #7a7368;
  --rp-emerald-300: #0d6e7a;
  --rp-emerald-400: #0a4f5c;
  --rp-emerald-500: #0a4f5c;
  --rp-emerald-600: #07343d;
  background: #f4ede0 !important;
}
.respira-v71 .ui-classic .plugin-main { color: #1c1917; }


.respira-v71 .ui-classic .home-hero h1 {
  color: #1c1917;
  font-weight: 700;
}
.respira-v71 .ui-classic .home-hero h1 em {
  color: #0a4f5c;
  font-family: var(--rp-font-editorial);
}
.respira-v71 .ui-classic .home-hero .lede { color: #4a463f; }
.respira-v71 .ui-classic .home-hero .hero-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .page-h h1, .respira-v71 .ui-classic .x-h1, .respira-v71 .ui-classic .mcp-h1 {
  font-weight: 700;
  color: #1c1917;
  font-family: var(--rp-font-sans);
  font-size: 36px;
  letter-spacing: -0.025em;
}
.respira-v71 .ui-classic .x-h1 em, .respira-v71 .ui-classic .mcp-h1 em { color: #0a4f5c; }


.respira-v71 .ui-classic .home-site-chip {
  background: rgba(10,79,92,.06);
  border-color: rgba(10,79,92,.25);
  color: #4a463f;
}
.respira-v71 .ui-classic .home-site-chip b { color: #1c1917; }
.respira-v71 .ui-classic .home-site-chip .pin { background: rgba(10,79,92,.14); color: #0a4f5c; }

.respira-v71 .ui-classic .home-site-banner {
  background: rgba(33, 113, 177, .04);
  border: 1px dashed #c9b990;
  color: #4a463f;
}
.respira-v71 .ui-classic .home-site-banner .label {
  background: rgba(33, 113, 177, .15);
  color: #135e96;
}
.respira-v71 .ui-classic .home-site-banner .url { color: #1c1917; }
.respira-v71 .ui-classic .home-site-banner .go { color: #0a4f5c; }


.respira-v71 .ui-classic .rb-root {
  background: linear-gradient(180deg, rgba(10,79,92,.04), rgba(10,79,92,.005) 60%, transparent), #fbf6ec;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .rb-node {
  background: #ffffff;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .rb-node.ok { border-color: rgba(10,79,92,.3); box-shadow: 0 0 0 1px rgba(10,79,92,.05); }
.respira-v71 .ui-classic .rb-node-eb { color: #1c1917; }
.respira-v71 .ui-classic .rb-node-ct { color: #7a7368; }
.respira-v71 .ui-classic .rb-dot.ok {
  background: #0a4f5c;
  box-shadow: 0 0 0 2px rgba(10,79,92,.18), 0 0 10px rgba(10,79,92,.4);
}
.respira-v71 .ui-classic .rb-dot.amber {
  background: #b45309;
  box-shadow: 0 0 0 2px rgba(180,83,9,.18), 0 0 10px rgba(180,83,9,.4);
}
.respira-v71 .ui-classic .rb-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .rb-phrase { color: #4a463f; }
.respira-v71 .ui-classic .rb-phrase em { color: #0a4f5c; }
.respira-v71 .ui-classic .rb-head-right { color: #4a463f; }
.respira-v71 .ui-classic .rb-head-right b { color: #1c1917; }
.respira-v71 .ui-classic .rb-line { stroke: #c9b990; opacity: .8; }
.respira-v71 .ui-classic .rb-link.rb-link-on .rb-line {
  stroke: #0a4f5c;
  filter: drop-shadow(0 0 4px rgba(10,79,92,.35));
}
.respira-v71 .ui-classic .rb-packet { fill: #0a4f5c; filter: drop-shadow(0 0 4px rgba(10,79,92,.4)); }
/* Cursor mark is hardcoded white in dark mode; flip it for light mode so
   it stays readable on the lighter chip background. */
.respira-v71 .ui-classic .rb-agent-chip img[src*="cursor-icon"] { filter: invert(1); }

/* Native <select> dropdown options inherit the OS palette by default —
   browsers render them with light bg + dark text, which collides with
   the dark Respira chrome and produces dark-text-on-dark-green selected
   rows. Force a readable palette on every <option> inside the v71 SPA. */
.respira-v71 select option {
  background: #161a20;
  color: #e7eaee;
}
.respira-v71 select option:checked,
.respira-v71 select option:hover {
  background: #1c2128;
  color: #fdfaf2;
  font-weight: 600;
}
.respira-v71 .ui-classic select option {
  background: #ffffff;
  color: #1c1917;
}
.respira-v71 .ui-classic select option:checked,
.respira-v71 .ui-classic select option:hover {
  background: #0a4f5c;
  color: #fdfaf2;
}
.respira-v71 .ui-classic .rb-agent-chip {
  background: #f4ede0;
  border-color: #d4c7ad;
}
.respira-v71 .ui-classic .rb-agent-chip.active { background: rgba(10,79,92,.06); border-color: rgba(10,79,92,.4); }
.respira-v71 .ui-classic .rb-agent-live { background: #0a4f5c; border-color: #ffffff; box-shadow: 0 0 6px rgba(10,79,92,.5); }
.respira-v71 .ui-classic .rb-mandala-mini img { filter: drop-shadow(0 0 8px rgba(10,79,92,.25)); }
.respira-v71 .ui-classic .rb-node-meta { color: #4a463f; }
.respira-v71 .ui-classic .rb-node-meta b { color: #1c1917; }
.respira-v71 .ui-classic .rb-site-domain { color: #1c1917; }
.respira-v71 .ui-classic .rb-fix { background: rgba(180,83,9,.05); border-color: rgba(180,83,9,.3); color: #1c1917; }
.respira-v71 .ui-classic .rb-fix-cta { color: #0a4f5c; }


.respira-v71 .ui-classic .live-dot {
  background: #0a4f5c;
  box-shadow: 0 0 0 3px rgba(10,79,92,.16), 0 0 12px rgba(10,79,92,.4);
}


.respira-v71 .ui-classic .hours-saved {
  background:
    linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.01) 70%),
    #fbf6ec;
  border-color: rgba(10,79,92,.28);
}
.respira-v71 .ui-classic .hours-saved::before {
  background: radial-gradient(circle, rgba(10,79,92,.14), transparent 60%);
}
.respira-v71 .ui-classic .hours-saved-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .hours-saved-eb .tag { background: rgba(10,79,92,.12); color: #0a4f5c; }
.respira-v71 .ui-classic .hours-saved-eb .tag.est { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .hours-saved-value .h { color: #1c1917; }
.respira-v71 .ui-classic .hours-saved-value .m { color: #0a4f5c; }
.respira-v71 .ui-classic .hours-saved-value .u { color: #4a463f; }
.respira-v71 .ui-classic .hours-saved-sub { color: #4a463f; }
.respira-v71 .ui-classic .hours-saved-sub em { color: #1c1917; font-style: normal; font-weight: 600; }
.respira-v71 .ui-classic .hours-saved-meta { color: #7a7368; }
.respira-v71 .ui-classic .hours-saved-meta button { color: #0a4f5c; }
.respira-v71 .ui-classic .hours-saved-tile {
  background: #ffffff;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .hours-saved-tile .lb { color: #7a7368; }
.respira-v71 .ui-classic .hours-saved-tile .v { color: #1c1917; }
.respira-v71 .ui-classic .hours-saved-tile .v .em { color: #0a4f5c; }
.respira-v71 .ui-classic .hours-saved-tile .sub { color: #4a463f; }
.respira-v71 .ui-classic .hsa-drawer {
  background: rgba(0,0,0,.04);
  border-color: #e0d4b8;
  color: #4a463f;
}
.respira-v71 .ui-classic .hsa-drawer h5 { color: #1c1917; }
.respira-v71 .ui-classic .hsa-drawer code { color: #0a4f5c; }


.respira-v71 .ui-classic .honest-stat {
  background: #ffffff;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .honest-stat .lb { color: #4a463f; }
.respira-v71 .ui-classic .honest-stat .lb .ic { color: #0a4f5c; }
.respira-v71 .ui-classic .honest-stat .lb .lb-right { color: #7a7368; }
.respira-v71 .ui-classic .honest-stat .v { color: #1c1917; }
.respira-v71 .ui-classic .honest-stat .v.warn { color: #b45309; }
.respira-v71 .ui-classic .honest-stat .v .u, .respira-v71 .ui-classic .honest-stat .v .div { color: #7a7368; }
.respira-v71 .ui-classic .honest-stat .sub { color: #4a463f; }
.respira-v71 .ui-classic .honest-stat .sub .delta { color: #0a4f5c; }
.respira-v71 .ui-classic .honest-stat .sub .delta.warn { color: #b45309; }
.respira-v71 .ui-classic .honest-stat .sub .delta.dn { color: #be123c; }
.respira-v71 .ui-classic .honest-stat .mark { opacity: .55; }


.respira-v71 .ui-classic .intel-at-glance {
  background: #fbf6ec;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .intel-at-glance::before {
  background: radial-gradient(circle, rgba(133,77,170,.10), transparent 65%);
}
.respira-v71 .ui-classic .iag-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .iag-title { color: #1c1917; }
.respira-v71 .ui-classic .iag-title em { color: #0a4f5c; }
.respira-v71 .ui-classic .iag-tabs {
  background: #ffffff;
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .iag-tabs button { color: #4a463f; }
.respira-v71 .ui-classic .iag-tabs button.on { background: rgba(10,79,92,.12); color: #0a4f5c; }
.respira-v71 .ui-classic .iag-open {
  background: rgba(10,79,92,.05); border-color: rgba(10,79,92,.25); color: #0a4f5c;
}
.respira-v71 .ui-classic .iag-stat, .respira-v71 .ui-classic .iag-chart-wrap {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .iag-stat .lb { color: #7a7368; }
.respira-v71 .ui-classic .iag-stat .v { color: #1c1917; }
.respira-v71 .ui-classic .iag-stat .v.warn { color: #b45309; }
.respira-v71 .ui-classic .iag-stat .d { color: #7a7368; }
.respira-v71 .ui-classic .iag-stat .d.up { color: #0a4f5c; }
.respira-v71 .ui-classic .iag-legend { color: #4a463f; }
.respira-v71 .ui-classic .iag-tool-row { border-color: #e0d4b8; }
.respira-v71 .ui-classic .iag-tool-label { color: #1c1917; }
.respira-v71 .ui-classic .iag-tool-n { color: #1c1917; }
.respira-v71 .ui-classic .iag-tool-bar { background: #e0d4b8; }
.respira-v71 .ui-classic .iag-scope.read { background: rgba(33,113,177,.12); color: #135e96; }
.respira-v71 .ui-classic .iag-scope.write { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .iag-scope.deny { background: rgba(190,18,60,.14); color: #be123c; }
.respira-v71 .ui-classic .iag-agent-logo { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .iag-agent-nm { color: #1c1917; }
.respira-v71 .ui-classic .iag-agent-pct { color: #1c1917; }
.respira-v71 .ui-classic .iag-agent-actions { color: #4a463f; }
.respira-v71 .ui-classic .iag-agent-bar { background: #e0d4b8; }


.respira-v71 .ui-classic .mcp-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-lede { color: #4a463f; }
.respira-v71 .ui-classic .mcp-lede strong { color: #1c1917; }
.respira-v71 .ui-classic .mcp-hub-link { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-seats .seat {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-seats .seat-lb { color: #7a7368; }
.respira-v71 .ui-classic .mcp-seats .seat-v { color: #1c1917; }
.respira-v71 .ui-classic .mcp-seats .seat-sub { color: #4a463f; }
.respira-v71 .ui-classic .mcp-card {
  background: #fbf6ec; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-card-title { color: #1c1917; }
.respira-v71 .ui-classic .mcp-card-sub { color: #4a463f; }
.respira-v71 .ui-classic .mcp-card-sub strong { color: #1c1917; }
.respira-v71 .ui-classic .mcp-link { color: #0a4f5c; }

.respira-v71 .ui-classic .mcp-scope {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-scope.on {
  border-color: #0a4f5c; background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.005));
  box-shadow: 0 0 0 1px #0a4f5c;
}
.respira-v71 .ui-classic .mcp-scope .scope-nm { color: #1c1917; }
.respira-v71 .ui-classic .mcp-scope .scope-d { color: #4a463f; }
.respira-v71 .ui-classic .mcp-scope .scope-foot { color: #7a7368; border-color: #e0d4b8; }
.respira-v71 .ui-classic .mcp-scope .scope-foot b { color: #1c1917; }
.respira-v71 .ui-classic .scope-risk.low { background: rgba(10,79,92,.14); color: #0a4f5c; }
.respira-v71 .ui-classic .scope-risk.medium { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .scope-risk.high { background: rgba(190,18,60,.14); color: #be123c; }

.respira-v71 .ui-classic .mcp-cmd {
  background: #0c1418; color: #c3e9d8; border-color: #0c1418;
}
.respira-v71 .ui-classic .mcp-cmd code { color: #d4f5e8; }
.respira-v71 .ui-classic .mcp-cmd-prompt { color: #7faa9a; }
.respira-v71 .ui-classic .mcp-cmd-copy { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); color: #d4f5e8; }
.respira-v71 .ui-classic .mcp-cmd-meta { color: #4a463f; }
.respira-v71 .ui-classic .mcp-cmd-meta .mcp-env { background: rgba(33,113,177,.14); color: #135e96; }
.respira-v71 .ui-classic .mcp-cmd-meta .mcp-env-val { color: #0a4f5c; font-weight: 600; }
.respira-v71 .ui-classic .mcp-troubleshoot { color: #4a463f; }
.respira-v71 .ui-classic .mcp-troubleshoot summary { color: #4a463f; }
.respira-v71 .ui-classic .mcp-troubleshoot summary:hover { color: #1c1917; }
.respira-v71 .ui-classic .mcp-trouble-body { color: #4a463f; }

.respira-v71 .ui-classic .mcp-oc-card {
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-oc-card:hover { border-color: rgba(10,79,92,.35); }
.respira-v71 .ui-classic .mcp-oc-logo { background: rgba(0,0,0,.05); }
.respira-v71 .ui-classic .mcp-oc-nm { color: #1c1917; }
.respira-v71 .ui-classic .mcp-oc-d { color: #4a463f; }
.respira-v71 .ui-classic .mcp-oc-tag { background: rgba(133,77,170,.16); color: #6d28d9; }
.respira-v71 .ui-classic .mcp-oc-tag.rec { background: rgba(10,79,92,.16); color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-oc-btn { background: #0a4f5c; color: #fbf6ec; }
.respira-v71 .ui-classic .mcp-oc-btn:hover { background: #07343d; }
.respira-v71 .ui-classic .mcp-oc-btn.ghost { background: transparent; border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .mcp-oc-btn.ghost:hover { border-color: #c9b990; color: #1c1917; }
.respira-v71 .ui-classic .mcp-oc-foot { color: #7a7368; border-color: #e0d4b8; }

.respira-v71 .ui-classic .mcp-conf-tabs {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-conf-tab { color: #4a463f; }
.respira-v71 .ui-classic .mcp-conf-tab.on { background: rgba(10,79,92,.14); color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-conf-note { color: #4a463f; }
.respira-v71 .ui-classic .mcp-conf-note strong { color: #1c1917; }
.respira-v71 .ui-classic .mcp-btn.primary { background: #0a4f5c; color: #fbf6ec; }
.respira-v71 .ui-classic .mcp-btn.primary:hover { background: #07343d; }
.respira-v71 .ui-classic .mcp-btn.ghost { background: #ffffff; border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .mcp-btn.ghost:hover { background: #f4ede0; color: #1c1917; }

.respira-v71 .ui-classic .mcp-warn {
  background: rgba(180,83,9,.06); border-color: rgba(180,83,9,.3); color: #1c1917;
}

.respira-v71 .ui-classic .mcp-agents-table {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .mcp-agents-h, .respira-v71 .ui-classic .mcp-agents-row { border-color: #e0d4b8; }
.respira-v71 .ui-classic .mcp-agents-h { background: #f4ede0; color: #7a7368; }
.respira-v71 .ui-classic .mcp-agents-nm { color: #1c1917; }
.respira-v71 .ui-classic .mcp-agents-sess, .respira-v71 .ui-classic .mcp-agents-last { color: #4a463f; }
.respira-v71 .ui-classic .mcp-status.ok { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-status.ok .dot { background: #0a4f5c; }
.respira-v71 .ui-classic .mcp-status.idle { color: #7a7368; }

.respira-v71 .ui-classic .mcp-hub-cta {
  background: linear-gradient(135deg, rgba(10,79,92,.10), rgba(133,77,170,.04));
  border-color: rgba(10,79,92,.3);
}
.respira-v71 .ui-classic .mcp-hub-icon img { filter: drop-shadow(0 0 8px rgba(10,79,92,.25)); }
.respira-v71 .ui-classic .mcp-hub-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-hub-title { color: #1c1917; }
.respira-v71 .ui-classic .mcp-hub-title em { color: #0a4f5c; }
.respira-v71 .ui-classic .mcp-hub-d { color: #4a463f; }
.respira-v71 .ui-classic .mcp-hub-arr { color: #0a4f5c; }


.respira-v71 .ui-classic .home-paths .home-path {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .home-paths .home-path.accent {
  background: linear-gradient(135deg, rgba(180,83,9,.08), rgba(180,83,9,.01));
  border-color: rgba(180,83,9,.3);
}
.respira-v71 .ui-classic .home-paths .home-path.accent.go {
  background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.01));
  border-color: rgba(10,79,92,.4);
}
.respira-v71 .ui-classic .home-path .eb { color: #0a4f5c; }
.respira-v71 .ui-classic .home-path.accent .eb { color: #b45309; }
.respira-v71 .ui-classic .home-path .t { color: #1c1917; }
.respira-v71 .ui-classic .home-path .d { color: #4a463f; }
.respira-v71 .ui-classic .home-path .cta { color: #0a4f5c; }


.respira-v71 .ui-classic .rp-cmdk-backdrop { background: rgba(28,25,23,.35); }
.respira-v71 .ui-classic .rp-cmdk {
  background: #ffffff;
  border-color: #c9b990;
  box-shadow: 0 32px 80px rgba(28,25,23,.25), 0 0 0 1px rgba(10,79,92,.15);
}
.respira-v71 .ui-classic .rp-cmdk-search { border-color: #e0d4b8; }
.respira-v71 .ui-classic .rp-cmdk-search input { color: #1c1917; }
.respira-v71 .ui-classic .rp-cmdk-search input::placeholder { color: #7a7368; }
.respira-v71 .ui-classic .rp-cmdk-search .esc { background: #f4ede0; color: #4a463f; border-color: #e0d4b8; }
.respira-v71 .ui-classic .rp-cmdk-section { color: #7a7368; }
.respira-v71 .ui-classic .rp-cmdk-item { color: #1c1917; }
.respira-v71 .ui-classic .rp-cmdk-item:hover, .respira-v71 .ui-classic .rp-cmdk-item.cur { background: rgba(10,79,92,.08); }
.respira-v71 .ui-classic .rp-cmdk-item .ic { background: #f4ede0; color: #4a463f; }
.respira-v71 .ui-classic .rp-cmdk-item.cur .ic { background: rgba(10,79,92,.12); color: #0a4f5c; }
.respira-v71 .ui-classic .rp-cmdk-item .lbl .sub { color: #4a463f; }
.respira-v71 .ui-classic .rp-cmdk-item .lbl .nm em { color: #0a4f5c; background: rgba(10,79,92,.12); }
.respira-v71 .ui-classic .rp-cmdk-item .arr { color: #7a7368; }
.respira-v71 .ui-classic .rp-cmdk-item .arr .kbd { background: #f4ede0; border-color: #e0d4b8; }
.respira-v71 .ui-classic .rp-cmdk-foot { border-color: #e0d4b8; color: #7a7368; }
.respira-v71 .ui-classic .rp-cmdk-foot .k .kbd { background: #f4ede0; border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .rp-cmdk-trigger { background: #ffffff; border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .rp-cmdk-trigger:hover { border-color: rgba(10,79,92,.35); color: #1c1917; }
.respira-v71 .ui-classic .rp-cmdk-trigger .kbd { background: #f4ede0; border-color: #e0d4b8; color: #1c1917; }
.respira-v71 .ui-classic .rp-celeb-trigger {
  background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.02));
  border-color: rgba(10,79,92,.25); color: #0a4f5c;
}
.respira-v71 .ui-classic .rp-celeb-trigger:hover { background: linear-gradient(135deg, rgba(10,79,92,.14), rgba(10,79,92,.04)); border-color: rgba(10,79,92,.45); }


.respira-v71 .ui-classic .rp-celeb {
  background:
    radial-gradient(620px 240px at 50% 0%, rgba(10,79,92,.18), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbf6ec);
  border-color: rgba(10,79,92,.4);
  box-shadow: 0 24px 64px rgba(28,25,23,.25), 0 0 0 1px rgba(10,79,92,.15);
}
.respira-v71 .ui-classic .rp-celeb-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .rp-celeb-h h2 { color: #1c1917; }
.respira-v71 .ui-classic .rp-celeb-h h2 em { color: #0a4f5c; }
.respira-v71 .ui-classic .rp-celeb-body .narr { color: #1c1917; }
.respira-v71 .ui-classic .rp-celeb-body .narr em { color: #0a4f5c; }
.respira-v71 .ui-classic .rp-celeb-body .narr b { color: #1c1917; }
.respira-v71 .ui-classic .rp-celeb-card {
  background: #ffffff; border-color: #e0d4b8;
}
.respira-v71 .ui-classic .rp-celeb-card-h .agent { background: rgba(10,79,92,.1); color: #0a4f5c; }
.respira-v71 .ui-classic .rp-celeb-card-h .t { color: #7a7368; }
.respira-v71 .ui-classic .rp-celeb-diff .minus { color: #be123c; }
.respira-v71 .ui-classic .rp-celeb-diff .plus { color: #0a4f5c; }
.respira-v71 .ui-classic .rp-celeb-meta .mtile .lb { color: #7a7368; }
.respira-v71 .ui-classic .rp-celeb-meta .mtile .v { color: #1c1917; }
.respira-v71 .ui-classic .rp-celeb-meta .mtile .v em { color: #0a4f5c; }


.respira-v71 .ui-classic .x-eyebrow { color: #0a4f5c; }
.respira-v71 .ui-classic .x-lede { color: #4a463f; }

.respira-v71 .ui-classic .bu-list { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .bu-h, .respira-v71 .ui-classic .bu-row { border-color: #e0d4b8; }
.respira-v71 .ui-classic .bu-h { background: #f4ede0; color: #7a7368; }
.respira-v71 .ui-classic .bu-row .t { color: #7a7368; }
.respira-v71 .ui-classic .bu-row .what { color: #1c1917; }
.respira-v71 .ui-classic .bu-row .what .sub { color: #4a463f; }
.respira-v71 .ui-classic .bu-row .who { color: #4a463f; }
.respira-v71 .ui-classic .bu-row.selected { background: rgba(190,18,60,.05); }
.respira-v71 .ui-classic .bu-row .impact.lo { background: rgba(10,79,92,.14); color: #0a4f5c; }
.respira-v71 .ui-classic .bu-row .impact.hi { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .bu-row .impact.crit { background: rgba(190,18,60,.14); color: #be123c; }
.respira-v71 .ui-classic .bu-side {
  background: linear-gradient(135deg, rgba(190,18,60,.05), rgba(190,18,60,.005));
  border-color: rgba(190,18,60,.3);
}
.respira-v71 .ui-classic .bu-side h3 { color: #1c1917; }
.respira-v71 .ui-classic .bu-side h3 em { color: #be123c; }
.respira-v71 .ui-classic .bu-side .body { color: #4a463f; }
.respira-v71 .ui-classic .bu-side .preview { background: rgba(0,0,0,.04); border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .bu-side .preview b { color: #1c1917; }
.respira-v71 .ui-classic .bu-side .danger-btn { background: #be123c; color: #fbf6ec; }
.respira-v71 .ui-classic .bu-side .meta { color: #7a7368; }


.respira-v71 .ui-classic .err-card { background: #fbf6ec; border-color: #e0d4b8; }
.respira-v71 .ui-classic .err-card.open {
  background: linear-gradient(135deg, rgba(190,18,60,.06), rgba(190,18,60,.005));
  border-color: rgba(190,18,60,.4);
}
.respira-v71 .ui-classic .err-card.warn {
  background: linear-gradient(135deg, rgba(180,83,9,.06), rgba(180,83,9,.005));
  border-color: rgba(180,83,9,.4);
}
.respira-v71 .ui-classic .err-card.open .lb { color: #be123c; }
.respira-v71 .ui-classic .err-card.warn .lb { color: #b45309; }
.respira-v71 .ui-classic .err-card h4 { color: #1c1917; }
.respira-v71 .ui-classic .err-card h4 em { color: #be123c; }
.respira-v71 .ui-classic .err-card.warn h4 em { color: #b45309; }
.respira-v71 .ui-classic .err-card .ds { color: #4a463f; }
.respira-v71 .ui-classic .err-card .ds code { background: rgba(0,0,0,.06); color: #1c1917; }
.respira-v71 .ui-classic .err-card .meta { color: #7a7368; border-color: #e0d4b8; }
.respira-v71 .ui-classic .err-card .fix .btn.primary { background: #0a4f5c; color: #fbf6ec; }
.respira-v71 .ui-classic .err-card .fix .btn.ghost { background: transparent; border-color: #e0d4b8; color: #4a463f; }


.respira-v71 .ui-classic .nf-card { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .nf-h { border-color: #e0d4b8; }
.respira-v71 .ui-classic .nf-h .nm { color: #1c1917; }
.respira-v71 .ui-classic .nf-h .meta { color: #7a7368; }
.respira-v71 .ui-classic .nf-rule { border-color: #e0d4b8; }
.respira-v71 .ui-classic .nf-rule .when { color: #1c1917; }
.respira-v71 .ui-classic .nf-rule .when .sub { color: #4a463f; }
.respira-v71 .ui-classic .nf-ch { background: #f4ede0; border-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .nf-ch.on { background: rgba(10,79,92,.12); border-color: rgba(10,79,92,.4); color: #0a4f5c; }
.respira-v71 .ui-classic .nf-ch.on .dot { background: #0a4f5c; }


.respira-v71 .ui-classic .ag-tile { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ag-tile .lb { color: #7a7368; }
.respira-v71 .ui-classic .ag-tile .v { color: #1c1917; }
.respira-v71 .ui-classic .ag-tile .v .u { color: #7a7368; }
.respira-v71 .ui-classic .ag-tile .sub { color: #4a463f; }
.respira-v71 .ui-classic .ag-sites { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ag-h { background: #f4ede0; color: #7a7368; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ag-row { border-color: #e0d4b8; }
.respira-v71 .ui-classic .ag-row .av { background: linear-gradient(135deg, rgba(10,79,92,.18), rgba(10,79,92,.03)); color: #0a4f5c; border-color: rgba(10,79,92,.3); }
.respira-v71 .ui-classic .ag-row .av.amber { background: linear-gradient(135deg, rgba(180,83,9,.18), rgba(180,83,9,.03)); color: #b45309; border-color: rgba(180,83,9,.3); }
.respira-v71 .ui-classic .ag-row .av.danger { background: linear-gradient(135deg, rgba(190,18,60,.18), rgba(190,18,60,.03)); color: #be123c; border-color: rgba(190,18,60,.3); }
.respira-v71 .ui-classic .ag-row .domain { color: #1c1917; }
.respira-v71 .ui-classic .ag-row .domain .sub { color: #4a463f; }
.respira-v71 .ui-classic .ag-row .health-bar { background: #e0d4b8; }
.respira-v71 .ui-classic .ag-row .health-bar > i { background: linear-gradient(90deg, #0a4f5c, #0d6e7a); }
.respira-v71 .ui-classic .ag-row .health-bar.warn > i { background: #b45309; }
.respira-v71 .ui-classic .ag-row .health-bar.danger > i { background: #be123c; }
.respira-v71 .ui-classic .ag-row .stats { color: #4a463f; }
.respira-v71 .ui-classic .ag-row .stats b { color: #1c1917; }
.respira-v71 .ui-classic .ag-row .badge { background: rgba(10,79,92,.14); color: #0a4f5c; }
.respira-v71 .ui-classic .ag-row .badge.amber { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .ag-row .badge.danger { background: rgba(190,18,60,.14); color: #be123c; }


.respira-v71 .ui-classic .ad-hero {
  background: linear-gradient(135deg, rgba(10,79,92,.08), rgba(10,79,92,.005));
  border-color: #e0d4b8;
}
.respira-v71 .ui-classic .ad-hero .logo { background: #ffffff; border-color: #c9b990; }
.respira-v71 .ui-classic .ad-hero .head h1 { color: #1c1917; }
.respira-v71 .ui-classic .ad-hero .head h1 em { color: #0a4f5c; }
.respira-v71 .ui-classic .ad-hero .head .meta { color: #4a463f; }
.respira-v71 .ui-classic .ad-hero .head .meta b { color: #1c1917; }
.respira-v71 .ui-classic .ad-stat { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ad-stat .lb { color: #7a7368; }
.respira-v71 .ui-classic .ad-stat .v { color: #1c1917; }
.respira-v71 .ui-classic .ad-stat .v .u { color: #7a7368; }
.respira-v71 .ui-classic .ad-stat .sub { color: #4a463f; }
.respira-v71 .ui-classic .ad-table { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ad-table-h { background: #f4ede0; color: #7a7368; border-color: #e0d4b8; }
.respira-v71 .ui-classic .ad-table-row { border-color: #e0d4b8; }
.respira-v71 .ui-classic .ad-table-row .v { color: #1c1917; }
.respira-v71 .ui-classic .ad-table-row .ct { color: #1c1917; }
.respira-v71 .ui-classic .ad-back { color: #4a463f; }


.respira-v71 .ui-classic .th-seats-card {
  background:
    linear-gradient(135deg, rgba(10,79,92,.05), rgba(10,79,92,.005) 60%),
    #fbf6ec;
  border-color: rgba(10,79,92,.25);
}
.respira-v71 .ui-classic .th-seats-h { color: #1c1917; }
.respira-v71 .ui-classic .th-seats-h em { color: #0a4f5c; }
.respira-v71 .ui-classic .th-seats-lede { color: #4a463f; }
.respira-v71 .ui-classic .th-seats-lede em { color: #0a4f5c; }
.respira-v71 .ui-classic .th-seats-tier-h { border-color: #e0d4b8; }
.respira-v71 .ui-classic .th-seats-tier-label { color: #1c1917; }
.respira-v71 .ui-classic .th-seats-tier-meta { color: #4a463f; }
.respira-v71 .ui-classic .th-seats-grid { color: #4a463f; }
.respira-v71 .ui-classic .th-seats-grid > span:hover { color: #1c1917; }
.respira-v71 .ui-classic .th-seats-foot { background: rgba(0,0,0,.03); border-color: #e0d4b8; }
.respira-v71 .ui-classic .th-seats-foot-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .th-seats-foot p { color: #1c1917; }
.respira-v71 .ui-classic .th-seats-foot p em { color: #0a4f5c; }


.respira-v71 .ui-classic .th-card { background: #fbf6ec; border-color: #e0d4b8; }
.respira-v71 .ui-classic .eb-section { color: #0a4f5c; }
.respira-v71 .ui-classic .th-built-body, .respira-v71 .ui-classic .th-dep-what, .respira-v71 .ui-classic .th-rep-c, .respira-v71 .ui-classic .th-license-body { color: #4a463f; }
.respira-v71 .ui-classic .th-author, .respira-v71 .ui-classic .th-dep-name, .respira-v71 .ui-classic .th-include-h h3, .respira-v71 .ui-classic .th-meta-v { color: #1c1917; }
.respira-v71 .ui-classic .th-link { color: #0a4f5c; }
.respira-v71 .ui-classic .th-chip { background: #ffffff; border: 1px solid #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .th-dep, .respira-v71 .ui-classic .th-include-row, .respira-v71 .ui-classic .th-rep { border-color: #e0d4b8; }


.respira-v71 .ui-classic .rail-update {
  background: #ffffff !important; border-color: #e0d4b8 !important;
}
.respira-v71 .ui-classic .rail-update-title { color: #1c1917; }
.respira-v71 .ui-classic .rail-update-eb { color: #0a4f5c; }
.respira-v71 .ui-classic .rail-update-meta { color: #7a7368; }
.respira-v71 .ui-classic .rail-update-meta .new-ver { color: #0a4f5c; }
.respira-v71 .ui-classic .rail-update-cta { color: #0a4f5c; }


.respira-v71 .ui-classic .home-state-card { background: #ffffff; border-color: #e0d4b8; }
.respira-v71 .ui-classic .home-state-h { color: #1c1917; }
.respira-v71 .ui-classic .home-state-p { color: #4a463f; }
.respira-v71 .ui-classic .home-paused-h { color: #1c1917; }
.respira-v71 .ui-classic .home-paused-sub { color: #4a463f; }


.respira-v71 .ui-classic .act-row .scope.read { background: rgba(33,113,177,.12); color: #135e96; }
.respira-v71 .ui-classic .act-row .scope.write { background: rgba(180,83,9,.14); color: #b45309; }
.respira-v71 .ui-classic .act-row .scope.deny { background: rgba(190,18,60,.14); color: #be123c; }
.respira-v71 .ui-classic .act-row .t { color: #7a7368; }
.respira-v71 .ui-classic .act-row .agent { color: #1c1917; }
.respira-v71 .ui-classic .act-row .action { color: #4a463f; }
.respira-v71 .ui-classic .act-row .target { color: #1c1917; }



/* ===== wp-sidebar-modes.css ===== */



.respira-v71 .wp-body:has(.wp-side-collapsed) { grid-template-columns: 44px 1fr; }
.respira-v71 .wp-body:has(.wp-side[data-mode="hidden"]) { grid-template-columns: 0 1fr; }


.respira-v71 .wp-side-collapsed { width: 44px; padding: 6px 0; }
.respira-v71 .wp-side-collapsed a {
  padding: 9px 0;
  justify-content: center;
  border-left: 3px solid transparent;
}
.respira-v71 .wp-side-collapsed a.active {
  background: #2271b1; border-left-color: #2271b1;
  color: #fff;
}
.respira-v71 .wp-side-collapsed a.active.respira {
  background: #070a0d; border-left-color: var(--rp-emerald-500);
  color: var(--rp-emerald-400);
}
.respira-v71 .wp-side-collapsed a span { display: none; }
.respira-v71 .wp-side-collapsed a:hover {
  background: rgba(255,255,255,.04);
}


.respira-v71 .wp-side-collapsed a::after {
  content: attr(title);
  position: absolute;
  left: 44px; top: 50%; transform: translateY(-50%);
  background: #0b1017; color: var(--rp-fg);
  font-family: var(--rp-font-mono); font-size: 11px;
  padding: 4px 8px; border-radius: 4px;
  border: 1px solid var(--rp-border-strong);
  white-space: nowrap;
  opacity: 0; pointer-events: none;
  z-index: 50;
  transition: opacity .12s ease;
}
.respira-v71 .wp-side-collapsed a { position: relative; }
.respira-v71 .wp-side-collapsed a:hover::after { opacity: 1; }


.respira-v71 .wp-side-fail-submenu {
  background: rgba(244,63,94,.08);
  border-left: 3px solid var(--rp-error);
  border-bottom: 1px dashed var(--rp-error);
  border-top: 1px dashed var(--rp-error);
  padding: 4px 0 6px;
  margin: 2px 0;
  position: relative;
}
.respira-v71 .wp-side-fail-submenu .fail-sub {
  display: block;
  padding: 5px 14px 5px 38px;
  color: var(--rp-fg-muted);
  font-size: 11.5px;
  cursor: default;
  font-family: var(--rp-font-sans);
}
.respira-v71 .wp-side-fail-submenu .fail-sub:hover { color: var(--rp-error); }
.respira-v71 .wp-side-fail-submenu .fail-note {
  font-family: var(--rp-font-mono); font-size: 9.5px;
  color: var(--rp-error); letter-spacing: .04em;
  padding: 6px 14px 0 14px;
  border-top: 1px dashed rgba(244,63,94,.3);
  margin-top: 4px;
  font-style: italic;
}

/* v7.1 final card pass
   Keeps every repeated page surface on the same quiet tile system. */
.respira-v71 .plugin-shell {
  --rp-v71-card-bg: var(--rp-surface-elevated);
  --rp-v71-card-border: var(--rp-border);
  --rp-v71-card-divider: var(--rp-border);
  --rp-v71-card-radius: 12px;
  --rp-v71-card-pad: 16px;
  --rp-v71-card-shadow: none;
}

.respira-v71 .plugin-shell.ui-classic {
  --rp-v71-card-bg: #ffffff;
  --rp-v71-card-border: #d9ccb4;
  --rp-v71-card-divider: #e5dbc9;
  --rp-v71-card-radius: 12px;
  --rp-v71-card-pad: 16px;
  --rp-v71-card-shadow: none;
}

.respira-v71 .plugin-shell .card,
.respira-v71 .plugin-shell .mcp-card,
.respira-v71 .plugin-shell .rp-card,
.respira-v71 .plugin-shell .prompt-card,
.respira-v71 .plugin-shell .settings-license-card,
.respira-v71 .plugin-shell .home-path,
.respira-v71 .plugin-shell .live-tail,
.respira-v71 .plugin-shell .honest-stat,
.respira-v71 .plugin-shell .mcp-scope,
.respira-v71 .plugin-shell .mcp-way,
.respira-v71 .plugin-shell .mcp-oc-card,
.respira-v71 .plugin-shell .skill-mini,
.respira-v71 .plugin-shell .oneclick-card,
.respira-v71 .plugin-shell .th-card,
.respira-v71 .plugin-shell .ag-card,
.respira-v71 .plugin-shell .err-card,
.respira-v71 .plugin-shell .nf-card,
.respira-v71 .plugin-shell .ad-stat,
.respira-v71 .plugin-shell .ad-table,
.respira-v71 .plugin-shell .th-chip,
.respira-v71 .plugin-shell .cs-pair-card,
.respira-v71 .plugin-shell .cs-agent,
.respira-v71 .plugin-shell .seat {
  background: var(--rp-v71-card-bg);
  border: 1px solid var(--rp-v71-card-border);
  border-radius: var(--rp-v71-card-radius);
  box-shadow: var(--rp-v71-card-shadow);
}

.respira-v71 .plugin-shell .card {
  padding: 0 !important;
  margin: 0 !important;
}

.respira-v71 .plugin-shell .mcp-card,
.respira-v71 .plugin-shell .rp-card,
.respira-v71 .plugin-shell .prompt-card,
.respira-v71 .plugin-shell .settings-license-card,
.respira-v71 .plugin-shell .home-path,
.respira-v71 .plugin-shell .live-tail,
.respira-v71 .plugin-shell .honest-stat,
.respira-v71 .plugin-shell .mcp-scope,
.respira-v71 .plugin-shell .mcp-way,
.respira-v71 .plugin-shell .skill-mini,
.respira-v71 .plugin-shell .seat {
  padding: var(--rp-v71-card-pad);
}

.respira-v71 .plugin-shell .card-h,
.respira-v71 .plugin-shell .mcp-card-h {
  min-height: 52px;
  padding: var(--rp-v71-card-pad);
  border-bottom: 1px solid var(--rp-v71-card-divider);
}

.respira-v71 .plugin-shell .card-h h2,
.respira-v71 .plugin-shell .mcp-card-title {
  font-size: 14px;
  line-height: 1.35;
  letter-spacing: 0;
}

.respira-v71 .plugin-shell .card-h .meta,
.respira-v71 .plugin-shell .mcp-card-sub {
  color: var(--rp-fg-muted);
}

.respira-v71 .plugin-shell .card-body {
  padding: var(--rp-v71-card-pad);
}

.respira-v71 .plugin-shell .prompt-card:hover,
.respira-v71 .plugin-shell .home-path:hover,
.respira-v71 .plugin-shell .mcp-way:hover,
.respira-v71 .plugin-shell .mcp-scope:hover,
.respira-v71 .plugin-shell .skill-mini:hover,
.respira-v71 .plugin-shell .oneclick-card:hover {
  border-color: var(--rp-border-strong);
  box-shadow: none;
  transform: translateY(-1px);
}

.respira-v71 .home-v2 .stats-compact {
  gap: 12px !important;
  padding: var(--rp-v71-card-pad) !important;
}

.respira-v71 .home-v2.screen {
  gap: var(--rp-v71-card-pad);
}

.respira-v71 .home-v2 .honest-stats {
  gap: 12px;
  padding: 12px 0 4px;
}

.respira-v71 .home-v2 .stats-compact .stat,
.respira-v71 .home-v2 .honest-stat {
  background: var(--rp-v71-card-bg);
  border: 1px solid var(--rp-v71-card-border);
  border-radius: var(--rp-v71-card-radius);
  box-shadow: var(--rp-v71-card-shadow);
  min-height: 104px;
  padding: var(--rp-v71-card-pad);
}

.respira-v71 .home-v2 .stats-compact .stat .eb,
.respira-v71 .home-v2 .honest-stat .lb {
  min-height: 24px;
  align-items: flex-start;
}

.respira-v71 .home-v2 .stats-compact .stat .value,
.respira-v71 .home-v2 .honest-stat .v {
  font-size: 30px;
  line-height: 1;
  margin-top: 10px;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
}

.respira-v71 .home-v2 .stats-compact .stat .foot,
.respira-v71 .home-v2 .honest-stat .sub {
  margin-top: 8px;
}

.respira-v71 .home-v2 > .card,
.respira-v71 .home-v2 .two-col > .card {
  background: var(--rp-v71-card-bg);
  border-color: var(--rp-v71-card-border);
  border-radius: var(--rp-v71-card-radius);
}

.respira-v71 .home-v2 .two-col {
  gap: 16px;
}

.respira-v71 .home-v2 .two-col > .card {
  min-height: 182px;
}

.respira-v71 .home-v2 .live-tail {
  padding: var(--rp-v71-card-pad);
  margin-bottom: 0;
}

.respira-v71 .home-v2 .live-tail-bars {
  height: 34px;
}

.respira-v71 .home-v2 .activity-list {
  max-height: 318px;
}

.respira-v71 .plugin-shell.ui-classic .stat,
.respira-v71 .plugin-shell.ui-classic .card,
.respira-v71 .plugin-shell.ui-classic .mcp-card,
.respira-v71 .plugin-shell.ui-classic .rp-card,
.respira-v71 .plugin-shell.ui-classic .prompt-card {
  border-color: var(--rp-v71-card-border);
  border-radius: var(--rp-v71-card-radius);
  box-shadow: none;
}

.respira-v71 .plugin-shell.ui-classic .card-h {
  border-bottom-color: var(--rp-v71-card-divider);
}
.respira-v71 .cs2 {
  --cs2-bg:        var(--rp-bg, #0a0c0f);
  --cs2-surface:   var(--rp-surface, #111418);
  --cs2-surface-2: var(--rp-surface-elevated, #161a20);
  --cs2-surface-3: #1c2128;
  --cs2-line:      var(--rp-border, rgba(255,255,255,0.07));
  --cs2-line-2:    rgba(255,255,255,0.12);
  --cs2-fg:        var(--rp-fg, #e7eaee);
  --cs2-fg-2:      var(--rp-fg-muted, #a4abb4);
  --cs2-fg-3:      var(--rp-fg-dim, #6b727b);
  --cs2-em:        var(--rp-emerald-500, #10b981);
  --cs2-em-2:      var(--rp-emerald-400, #34d399);
  --cs2-em-3:      var(--rp-emerald-300, #6ee7b7);
  --cs2-em-bg:     rgba(16,185,129,0.10);
  --cs2-em-line:   rgba(16,185,129,0.28);
  --cs2-warn:      #f59e0b;
  --cs2-warn-bg:   rgba(245,158,11,0.08);
  --cs2-warn-line: rgba(245,158,11,0.25);
  --cs2-danger:    #f43f5e;
  --cs2-danger-bg: rgba(244,63,94,0.08);
  --cs2-danger-line: rgba(244,63,94,0.25);
  --cs2-r-sm: 6px;
  --cs2-r-md: 8px;
  --cs2-r-lg: 12px;
  --cs2-font: var(--rp-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  --cs2-mono: var(--rp-font-mono, 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace);
  --cs2-bv:   var(--rp-font-editorial, 'Baskervville', Georgia, serif);
  color: var(--cs2-fg);
  font-family: var(--cs2-font);
  font-size: 14px;
  line-height: 1.5;
}

.respira-v71 .cs2-content { padding: 36px 48px 48px; max-width: 1080px; }

.respira-v71 .cs2-h {
  display: flex; align-items: center; gap: 12px;
  font-family: var(--cs2-mono); font-size: 11px;
  letter-spacing: .04em; text-transform: lowercase;
  color: var(--cs2-fg-3); margin-bottom: 14px;
}
.respira-v71 .cs2-h-step { color: var(--cs2-fg-2); }
.respira-v71 .cs2-h-sep  { color: var(--cs2-line-2); }
.respira-v71 .cs2-h-pill-slot { margin-left: auto; }

.respira-v71 .cs2-title {
  font-family: var(--cs2-font);
  font-size: 36px; line-height: 1.08; letter-spacing: -.025em;
  font-weight: 600; color: var(--cs2-fg);
  margin: 0 0 10px; max-width: 720px;
}
.respira-v71 .cs2-title .bv {
  font-family: var(--cs2-bv); font-style: italic; font-weight: 400;
  color: var(--cs2-em-3); letter-spacing: -.01em;
}
.respira-v71 .cs2-lede {
  font-size: 15.5px; line-height: 1.55;
  color: var(--cs2-fg-2); margin: 0 0 28px; max-width: 620px;
}
.respira-v71 .cs2-lede strong { color: var(--cs2-fg); font-weight: 500; }

.respira-v71 .cs2-mono { font-family: var(--cs2-mono); }

.respira-v71 .cs2-pill {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px; border-radius: 999px;
  font-family: var(--cs2-mono); font-size: 11px; font-weight: 500;
  background: var(--cs2-surface-2); color: var(--cs2-fg-2);
  border: 1px solid var(--cs2-line); white-space: nowrap;
}
.respira-v71 .cs2-pill .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.respira-v71 .cs2-pill.success { color: var(--cs2-em-3); background: var(--cs2-em-bg); border-color: var(--cs2-em-line); }
.respira-v71 .cs2-pill.success .dot { background: var(--cs2-em); box-shadow: 0 0 0 3px rgba(16,185,129,.18); }
.respira-v71 .cs2-pill.warn    { color: #fcd34d; background: var(--cs2-warn-bg); border-color: var(--cs2-warn-line); }
.respira-v71 .cs2-pill.warn .dot { background: var(--cs2-warn); }
.respira-v71 .cs2-pill.danger  { color: #fda4af; background: var(--cs2-danger-bg); border-color: var(--cs2-danger-line); }
.respira-v71 .cs2-pill.danger .dot { background: var(--cs2-danger); }
.respira-v71 .cs2-pill.live .dot { animation: cs2-breath 2.4s ease-in-out infinite; }
@keyframes cs2-breath { 0%,100% { transform: scale(1); opacity: .9; } 50% { transform: scale(1.15); opacity: 1; } }

.respira-v71 .cs2-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  font-family: var(--cs2-font); font-size: 13px; font-weight: 500;
  height: 36px; padding: 0 14px;
  border-radius: var(--cs2-r-md); border: 1px solid transparent;
  cursor: pointer; white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.respira-v71 .cs2-btn.primary { background: var(--cs2-em); color: #022c22; }
.respira-v71 .cs2-btn.primary:hover { background: var(--cs2-em-2); }
.respira-v71 .cs2-btn.ghost { background: transparent; color: var(--cs2-fg); border-color: var(--cs2-line-2); }
.respira-v71 .cs2-btn.ghost:hover { background: var(--cs2-surface-2); border-color: var(--cs2-line); }
.respira-v71 .cs2-btn.sm { height: 28px; padding: 0 10px; font-size: 12px; border-radius: 6px; }
.respira-v71 .cs2-btn.danger { color: #fda4af; border-color: rgba(244,63,94,.2); background: transparent; }
.respira-v71 .cs2-btn.danger:hover { background: var(--cs2-danger-bg); border-color: var(--cs2-danger-line); }
.respira-v71 .cs2-btn:disabled { opacity: .55; cursor: default; }

.respira-v71 .cs2-notice {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 10px 12px; border-radius: var(--cs2-r-md);
  border: 1px solid var(--cs2-line); background: var(--cs2-surface-2);
  font-size: 13px; color: var(--cs2-fg-2);
}
.respira-v71 .cs2-notice.warn { border-color: var(--cs2-warn-line); background: var(--cs2-warn-bg); color: #fcd9a6; }
.respira-v71 .cs2-notice.info { border-color: var(--cs2-em-line); background: var(--cs2-em-bg); color: var(--cs2-em-3); }
.respira-v71 .cs2-notice strong { color: inherit; font-weight: 600; }
.respira-v71 .cs2-notice .ico {
  width: 14px; height: 14px; flex-shrink: 0; margin-top: 2px; border-radius: 50%;
  display: grid; place-items: center;
  font-family: var(--cs2-mono); font-size: 9px; font-weight: 700;
}
.respira-v71 .cs2-notice.warn .ico { background: var(--cs2-warn); color: #1a1100; }
.respira-v71 .cs2-notice.info .ico { background: var(--cs2-em); color: #022c22; }

.respira-v71 .cs2-paths {
  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 24px;
}
.respira-v71 .cs2-path {
  background: var(--cs2-surface); border: 1px solid var(--cs2-line);
  border-radius: var(--cs2-r-lg); padding: 18px;
  cursor: pointer; text-align: left;
  transition: border-color .15s, background .15s;
  display: flex; flex-direction: column; gap: 6px; position: relative;
  color: inherit; font-family: inherit;
}
.respira-v71 .cs2-path:hover { border-color: var(--cs2-line-2); background: var(--cs2-surface-2); }
.respira-v71 .cs2-path.sel { border-color: var(--cs2-em-line); background: var(--cs2-em-bg); }
.respira-v71 .cs2-path.sel::after {
  content: "✓"; position: absolute; right: 14px; top: 14px;
  width: 18px; height: 18px; border-radius: 50%;
  background: var(--cs2-em); color: #022c22;
  display: grid; place-items: center; font-size: 11px; font-weight: 700;
}
.respira-v71 .cs2-path-h {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--cs2-mono); font-size: 11px;
  color: var(--cs2-fg-3); letter-spacing: .02em;
}
.respira-v71 .cs2-path-t { font-size: 17px; font-weight: 600; letter-spacing: -.015em; color: var(--cs2-fg); }
.respira-v71 .cs2-path-t .bv { font-family: var(--cs2-bv); font-style: italic; font-weight: 400; color: var(--cs2-em-3); }
.respira-v71 .cs2-path-d { font-size: 13px; color: var(--cs2-fg-2); line-height: 1.5; }
.respira-v71 .cs2-path-meta { margin-top: 8px; font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }

.respira-v71 .cs2-flow {
  display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr;
  gap: 0; align-items: stretch; margin-bottom: 22px;
}
.respira-v71 .cs2-tile {
  background: var(--cs2-surface); border: 1px solid var(--cs2-line);
  border-radius: var(--cs2-r-lg); padding: 16px;
  display: flex; flex-direction: column; gap: 4px; min-height: 110px;
}
.respira-v71 .cs2-tile-eb { font-family: var(--cs2-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--cs2-fg-3); }
.respira-v71 .cs2-tile-t { font-size: 15px; font-weight: 600; color: var(--cs2-fg); letter-spacing: -.01em; }
.respira-v71 .cs2-tile-d { font-size: 12.5px; color: var(--cs2-fg-2); line-height: 1.45; margin-top: 2px; }
.respira-v71 .cs2-tile-foot { margin-top: auto; padding-top: 8px; display: flex; align-items: center; gap: 6px; font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }
.respira-v71 .cs2-tile.ok { border-color: var(--cs2-em-line); }
.respira-v71 .cs2-tile.ok .cs2-tile-foot { color: var(--cs2-em-3); }
.respira-v71 .cs2-tile.pending { border-color: var(--cs2-warn-line); }
.respira-v71 .cs2-tile.pending .cs2-tile-foot { color: #fcd34d; }
.respira-v71 .cs2-tile.err { border-color: var(--cs2-danger-line); }
.respira-v71 .cs2-tile.err .cs2-tile-foot { color: #fda4af; }
.respira-v71 .cs2-flow-link { display: flex; align-items: center; justify-content: center; color: var(--cs2-line-2); font-family: var(--cs2-mono); font-size: 12px; }
.respira-v71 .cs2-flow-link.ok { color: var(--cs2-em); }

.respira-v71 .cs2-code {
  background: #07090b; border: 1px solid var(--cs2-line);
  border-radius: var(--cs2-r-lg); overflow: hidden; margin-bottom: 18px;
}
.respira-v71 .cs2-code-h {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 16px; border-bottom: 1px solid var(--cs2-line);
  background: rgba(255,255,255,0.015);
}
.respira-v71 .cs2-code-h-t { font-family: var(--cs2-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--cs2-fg-3); }
.respira-v71 .cs2-code-rows { display: flex; flex-direction: column; }
.respira-v71 .cs2-code-row {
  display: grid; grid-template-columns: 90px 1fr auto;
  gap: 14px; align-items: center;
  padding: 12px 16px; border-top: 1px solid var(--cs2-line);
  font-family: var(--cs2-mono); font-size: 12.5px;
}
.respira-v71 .cs2-code-row:first-child { border-top: 0; }
.respira-v71 .cs2-code-k { font-size: 11px; color: var(--cs2-fg-3); letter-spacing: .04em; text-transform: lowercase; }
.respira-v71 .cs2-code-v { color: var(--cs2-fg); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.respira-v71 .cs2-code-v .em { color: var(--cs2-em-3); }
.respira-v71 .cs2-code-actions { display: flex; gap: 6px; }
.respira-v71 .cs2-code-iconbtn {
  background: transparent; border: 1px solid var(--cs2-line-2); color: var(--cs2-fg-2);
  width: 28px; height: 28px; border-radius: 6px;
  display: grid; place-items: center; cursor: pointer;
  font-family: var(--cs2-mono); font-size: 11px;
  transition: border-color .15s, color .15s;
}
.respira-v71 .cs2-code-iconbtn:hover { color: var(--cs2-fg); border-color: var(--cs2-fg-3); }
.respira-v71 .cs2-code-foot {
  display: flex; gap: 8px; padding: 12px 16px;
  border-top: 1px solid var(--cs2-line); background: rgba(255,255,255,0.015);
  flex-wrap: wrap;
}
.respira-v71 .cs2-code-block {
  font-family: var(--cs2-mono); font-size: 12px; line-height: 1.55;
  padding: 14px 16px; white-space: pre; overflow-x: auto; color: var(--cs2-fg);
  margin: 0;
}

.respira-v71 .cs2-formats { border-top: 1px solid var(--cs2-line); }
.respira-v71 .cs2-format { border-top: 1px solid var(--cs2-line); }
.respira-v71 .cs2-format:first-child { border-top: 0; }
.respira-v71 .cs2-format-h { display: flex; align-items: center; padding: 10px 16px; background: rgba(255,255,255,0.015); }
.respira-v71 .cs2-format-h-t { font-family: var(--cs2-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--cs2-fg-2); }
.respira-v71 .cs2-format-h-meta { margin-left: auto; font-family: var(--cs2-mono); font-size: 10.5px; color: var(--cs2-fg-3); }
.respira-v71 .cs2-format-copy { margin-left: 10px; }

.respira-v71 .cs2-agents { background: var(--cs2-surface); border: 1px solid var(--cs2-line); border-radius: var(--cs2-r-lg); overflow: hidden; }
.respira-v71 .cs2-agents-h { display: flex; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--cs2-line); gap: 10px; }
.respira-v71 .cs2-agents-h h3 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -.01em; }
.respira-v71 .cs2-agents-meta { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }
.respira-v71 .cs2-agents-row {
  display: grid; grid-template-columns: 1fr 110px 140px 110px;
  align-items: center; gap: 12px; padding: 14px 18px;
  border-top: 1px solid var(--cs2-line);
}
.respira-v71 .cs2-agents-row:first-child { border-top: 0; }
.respira-v71 .cs2-agents-row:hover { background: rgba(255,255,255,.015); }
.respira-v71 .cs2-agent-l { display: flex; align-items: center; gap: 10px; min-width: 0; }
.respira-v71 .cs2-agent-logo {
  width: 26px; height: 26px; border-radius: 6px;
  background: var(--cs2-surface-3);
  display: grid; place-items: center;
  font-family: var(--cs2-mono); font-size: 11px; font-weight: 600;
  color: var(--cs2-fg-2); flex-shrink: 0;
}
.respira-v71 .cs2-agent-nm { font-size: 13.5px; font-weight: 500; color: var(--cs2-fg); }
.respira-v71 .cs2-agent-key { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.respira-v71 .cs2-agent-scope { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-2); }
.respira-v71 .cs2-agent-last { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); white-space: nowrap; }
.respira-v71 .cs2-agent-actions { display: flex; gap: 6px; justify-content: flex-end; }

.respira-v71 .cs2-empty {
  background: var(--cs2-surface); border: 1px dashed var(--cs2-line-2);
  border-radius: var(--cs2-r-lg); padding: 36px; text-align: center;
  color: var(--cs2-fg-2);
}
.respira-v71 .cs2-empty-t { font-size: 15px; font-weight: 500; color: var(--cs2-fg); margin-bottom: 4px; }
.respira-v71 .cs2-empty-d { font-size: 13.5px; color: var(--cs2-fg-2); margin-bottom: 16px; }
.respira-v71 .cs2-empty-meta { margin-top: 14px; font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }

.respira-v71 .cs2-tail { background: #07090b; border: 1px solid var(--cs2-line); border-radius: var(--cs2-r-lg); margin-top: 18px; overflow: hidden; }
.respira-v71 .cs2-tail-h { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--cs2-line); }
.respira-v71 .cs2-tail-h .lbl { font-family: var(--cs2-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--cs2-fg-3); }
.respira-v71 .cs2-tail-row {
  display: grid; grid-template-columns: 78px 90px 1fr auto;
  gap: 14px; align-items: center;
  padding: 8px 14px; font-family: var(--cs2-mono); font-size: 12px;
  border-top: 1px solid var(--cs2-line); color: var(--cs2-fg-2);
}
.respira-v71 .cs2-tail-row .t { color: var(--cs2-fg-3); }
.respira-v71 .cs2-tail-row .a { color: var(--cs2-em-3); }
.respira-v71 .cs2-tail-row .v { color: var(--cs2-fg); }
.respira-v71 .cs2-tail-row .ms { color: var(--cs2-fg-3); }

.respira-v71 .cs2-foot { display: flex; align-items: center; gap: 12px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--cs2-line); flex-wrap: wrap; }
.respira-v71 .cs2-foot-spacer { flex: 1; }
.respira-v71 .cs2-foot-step { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }

.respira-v71 .cs2-handshake { background: var(--cs2-surface); border: 1px solid var(--cs2-line); border-radius: var(--cs2-r-lg); padding: 18px; margin-bottom: 22px; }
.respira-v71 .cs2-handshake-row { display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 12px; padding: 8px 0; font-size: 13px; }
.respira-v71 .cs2-handshake-row + .cs2-handshake-row { border-top: 1px dashed var(--cs2-line); }
.respira-v71 .cs2-handshake-mark {
  width: 18px; height: 18px; border-radius: 50%;
  display: grid; place-items: center;
  font-family: var(--cs2-mono); font-size: 10px;
  background: var(--cs2-surface-2); border: 1px solid var(--cs2-line-2);
  color: var(--cs2-fg-3);
}
.respira-v71 .cs2-handshake-row.done .cs2-handshake-mark { background: var(--cs2-em); border-color: var(--cs2-em); color: #022c22; }
.respira-v71 .cs2-handshake-row.active .cs2-handshake-mark { border-color: var(--cs2-em); color: var(--cs2-em-3); animation: cs2-spin 1s linear infinite; }
@keyframes cs2-spin { to { transform: rotate(1turn); } }
.respira-v71 .cs2-handshake-t { color: var(--cs2-fg-2); }
.respira-v71 .cs2-handshake-row.done .cs2-handshake-t,
.respira-v71 .cs2-handshake-row.active .cs2-handshake-t { color: var(--cs2-fg); }
.respira-v71 .cs2-handshake-time { font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); }

.respira-v71 .cs2-err { background: var(--cs2-danger-bg); border: 1px solid var(--cs2-danger-line); border-radius: var(--cs2-r-lg); padding: 16px 18px; margin-bottom: 18px; }
.respira-v71 .cs2-err-h { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.respira-v71 .cs2-err-d { font-size: 13px; color: var(--cs2-fg-2); line-height: 1.5; }
.respira-v71 .cs2-err-meta { margin-top: 10px; font-family: var(--cs2-mono); font-size: 11px; color: var(--cs2-fg-3); padding-top: 10px; border-top: 1px solid var(--cs2-danger-line); }
.respira-v71 .cs2-err-actions { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }

.respira-v71 .cs2-hub {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px; background: var(--cs2-surface);
  border: 1px solid var(--cs2-line); border-radius: var(--cs2-r-md);
  font-size: 13px; color: var(--cs2-fg-2); text-decoration: none;
}
.respira-v71 .cs2-hub:hover { border-color: var(--cs2-line-2); }
.respira-v71 .cs2-hub-mark {
  width: 22px; height: 22px; border-radius: 5px;
  background: var(--cs2-em-bg); border: 1px solid var(--cs2-em-line);
  display: grid; place-items: center;
  font-family: var(--cs2-bv); font-style: italic; font-weight: 500;
  color: var(--cs2-em-3); font-size: 12px;
}
.respira-v71 .cs2-hub strong { color: var(--cs2-fg); font-weight: 500; }
.respira-v71 .cs2-hub-arr { margin-left: auto; color: var(--cs2-fg-3); }

.respira-v71 .cs2-pair-grid { display: grid; grid-template-columns: 1fr 280px; gap: 18px; align-items: flex-start; }
.respira-v71 .cs2-aside { background: var(--cs2-surface); border: 1px solid var(--cs2-line); border-radius: var(--cs2-r-lg); padding: 16px; display: flex; flex-direction: column; gap: 14px; font-size: 13px; }
.respira-v71 .cs2-aside-row { display: flex; flex-direction: column; gap: 3px; }
.respira-v71 .cs2-aside-k { font-family: var(--cs2-mono); font-size: 10.5px; letter-spacing: .04em; color: var(--cs2-fg-3); text-transform: lowercase; }
.respira-v71 .cs2-aside-v { font-size: 13px; color: var(--cs2-fg); }
.respira-v71 .cs2-aside-v.mono { font-family: var(--cs2-mono); font-size: 12px; }

@media (max-width: 760px) {
  .respira-v71 .cs2-content { padding: 24px 20px; }
  .respira-v71 .cs2-title { font-size: 24px; }
  .respira-v71 .cs2-lede { font-size: 14px; }
  .respira-v71 .cs2-paths { grid-template-columns: 1fr; }
  .respira-v71 .cs2-flow { grid-template-columns: 1fr; grid-template-rows: auto 18px auto 18px auto; }
  .respira-v71 .cs2-flow-link { transform: rotate(90deg); padding: 4px 0; }
  .respira-v71 .cs2-pair-grid { grid-template-columns: 1fr; }
  .respira-v71 .cs2-code-row { grid-template-columns: 70px 1fr auto; gap: 8px; padding: 10px 12px; font-size: 11px; }
  .respira-v71 .cs2-agents-row { grid-template-columns: 1fr auto; grid-template-areas: "l p" "k k" "s t"; gap: 6px; padding: 12px 14px; }
  .respira-v71 .cs2-agent-l    { grid-area: l; }
  .respira-v71 .cs2-agent-key  { grid-area: k; padding-left: 36px; }
  .respira-v71 .cs2-agent-scope{ grid-area: s; padding-left: 36px; }
  .respira-v71 .cs2-agent-last { grid-area: t; padding-left: 36px; }
  .respira-v71 .cs2-agent-actions { grid-area: p; }
}
.respira-v71 .abilities-stats {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.respira-v71 .abilities-stat-v {
  font-size: 32px; font-weight: 700; letter-spacing: -.02em;
  color: var(--rp-fg); line-height: 1.1;
}
.respira-v71 .abilities-bulk {
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 14px; padding: 10px 12px;
  background: var(--rp-surface); border: 1px solid var(--rp-border);
  border-radius: 8px;
}
.respira-v71 .abilities-table {
  display: flex; flex-direction: column;
  border-top: 1px solid var(--rp-border);
}
.respira-v71 .abilities-thead, .abilities-tr {
  display: grid; grid-template-columns: 36px 1fr 200px 110px;
  gap: 12px; align-items: start;
  padding: 12px 4px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .abilities-thead {
  font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  font-weight: 600; color: var(--rp-fg-dim);
  background: var(--rp-surface);
  padding: 10px 4px; border-top: 0;
}
.respira-v71 .abilities-tr:hover { background: rgba(255,255,255,.015); }
.respira-v71 .abilities-th-pick, .abilities-td-pick { padding-left: 6px; padding-top: 2px; }
.respira-v71 .abilities-td-name .abilities-nm {
  font-size: 13px; color: var(--rp-fg); font-weight: 500;
  word-break: break-all;
}
.respira-v71 .abilities-td-name .abilities-lbl {
  font-size: 12px; color: var(--rp-fg-muted); margin-top: 2px;
}
.respira-v71 .abilities-td-name .abilities-desc {
  font-size: 12px; color: var(--rp-fg-muted); margin-top: 4px;
  line-height: 1.5;
}
.respira-v71 .abilities-tags {
  display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px;
}
.respira-v71 .abilities-tag {
  font-family: var(--rp-font-mono); font-size: 10px;
  padding: 1px 6px; border-radius: 3px;
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
  border: 1px solid var(--rp-border);
}
.respira-v71 .abilities-tag.inferred {
  border-style: dashed; opacity: .8;
}
.respira-v71 .abilities-td-source { font-size: 11px; color: var(--rp-fg-muted); }
.respira-v71 .abilities-td-status { display: flex; align-items: center; }
.respira-v71 .abilities-empty {
  display: flex; align-items: center; gap: 8px;
  padding: 28px 14px; justify-content: center;
  color: var(--rp-fg-muted); font-size: 13px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .abilities-owner {
  display: inline-block;
  font-family: var(--rp-font-mono); font-size: 10.5px; font-weight: 600;
  padding: 2px 8px; border-radius: 4px; letter-spacing: .02em;
  background: var(--rp-surface-elevated); color: var(--rp-fg-muted);
  border: 1px solid var(--rp-border);
}
.respira-v71 .abilities-owner.respira {
  background: rgba(16,185,129,.08); color: var(--rp-emerald-400);
  border-color: rgba(16,185,129,.2);
}
.respira-v71 .abilities-owner.third-party {
  background: rgba(255,255,255,.04); color: var(--rp-fg-muted);
}
.respira-v71 .abilities-pager {
  display: flex; align-items: center; gap: 6px;
  padding: 14px 4px 4px; margin-top: 6px;
  border-top: 1px solid var(--rp-border);
  flex-wrap: wrap;
}
:root {
  --fnd-gold:        #d4a574;
  --fnd-gold-bright: #e8c188;
  --fnd-gold-deep:   #a37a4a;
  --fnd-gold-soft:   rgba(212,165,116,.18);
  --fnd-gold-line:   rgba(212,165,116,.30);
  --fnd-ink:         #0a0e14;
}

.respira-v71 .screen.founders { display: flex; flex-direction: column; gap: 28px; }

.respira-v71 .fnd-hero {
  position: relative;
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.06);
  overflow: hidden;
  background: var(--fnd-ink);
  box-shadow: 0 24px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(212,165,116,.04) inset;
}

.respira-v71 .fnd-kv {
  position: relative;
  min-height: 460px;
  background: #060a0c;
  overflow: hidden;
}
.respira-v71 .fnd-kv-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.respira-v71 .fnd-kv-vignette {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,.35) 100%),
    linear-gradient(90deg, transparent 70%, rgba(10,14,20,.55) 100%);
}

.respira-v71 .fnd-kv-rings { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.respira-v71 .fnd-kv-rings span { position: absolute; border: 1px solid rgba(212,165,116,.18); border-radius: 50%; }
.respira-v71 .fnd-kv-rings .r1 { width: 120px; height: 120px; border-color: rgba(232,193,136,.55); box-shadow: 0 0 60px rgba(232,193,136,.28); }
.respira-v71 .fnd-kv-rings .r2 { width: 220px; height: 220px; border-color: rgba(212,165,116,.35); }
.respira-v71 .fnd-kv-rings .r3 { width: 340px; height: 340px; border-color: rgba(212,165,116,.22); }
.respira-v71 .fnd-kv-rings .r4 { width: 480px; height: 480px; border-color: rgba(212,165,116,.14); }
.respira-v71 .fnd-kv-rings .r5 { width: 640px; height: 640px; border-color: rgba(212,165,116,.08); }
.respira-v71 .fnd-kv-core { position: relative; width: 64px; height: 64px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ffe6b8, var(--fnd-gold) 60%, var(--fnd-gold-deep) 100%);
  box-shadow: 0 0 40px rgba(232,193,136,.55), 0 0 120px rgba(232,193,136,.28); }
.respira-v71 .fnd-kv-stars { position: absolute; inset: 0; opacity: 0; }
.respira-v71 .fnd-kv-tag { display: none; }

.respira-v71 .fnd-hero-body {
  position: relative;
  padding: 52px 56px 48px;
  display: flex; flex-direction: column;
  gap: 22px;
}

.respira-v71 .fnd-hero-eb {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--fnd-gold);
}
.respira-v71 .fnd-hero-eb .sep { color: rgba(212,165,116,.4); margin: 0 10px; }

.respira-v71 .fnd-hero-h {
  margin: 0;
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 48px;
  letter-spacing: -0.035em;
  line-height: 1.04;
  color: #ffffff;
  text-wrap: balance;
  max-width: 18ch;
}
.respira-v71 .fnd-hero-h em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--fnd-gold);
  letter-spacing: -0.01em;
}

.respira-v71 .fnd-hero-lede {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.65;
  color: rgba(255,255,255,.62);
  max-width: 54ch;
  text-wrap: pretty;
}
.respira-v71 .fnd-hero-lede strong {
  color: #ffffff;
  font-weight: 500;
}

.respira-v71 .fnd-hero-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.respira-v71 .fnd-pillar {
  padding: 16px 18px 14px;
  border-radius: 12px;
  border: 1px solid rgba(212,165,116,.18);
  background: rgba(212,165,116,.04);
}
.respira-v71 .fnd-pillar-n {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
}
.respira-v71 .fnd-pillar-n .plus { color: var(--fnd-gold); font-size: 26px; margin-left: 2px; font-weight: 600; }
.respira-v71 .fnd-pillar-n .of   { color: rgba(255,255,255,.4); font-size: 22px; margin-left: 2px; font-weight: 500; }
.respira-v71 .fnd-pillar-n .cur  { color: rgba(255,255,255,.55); font-size: 20px; font-weight: 500; margin-right: 2px; }
.respira-v71 .fnd-pillar-l {
  margin-top: 8px;
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: rgba(255,255,255,.5);
  line-height: 1.45;
}

.respira-v71 .fnd-section-h {
  display: flex; align-items: baseline; justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--rp-border);
}
.respira-v71 .fnd-section-h h2 {
  margin: 0;
  font-family: var(--rp-font-sans);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--rp-fg);
}
.respira-v71 .fnd-section-h h2 em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--fnd-gold);
}
.respira-v71 .fnd-section-h .meta {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--rp-fg-muted);
}

.respira-v71 .fnd-seat {
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--rp-border);
  background: var(--rp-surface);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color .18s ease;
}
.respira-v71 .fnd-seat.partner { border-color: rgba(212,165,116,.20); }
.respira-v71 .fnd-seat.partner::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(420px 240px at 100% 0%, rgba(212,165,116,.05), transparent 65%);
  pointer-events: none;
}

.respira-v71 .fnd-seat-h {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 22px 14px;
  border-bottom: 1px solid var(--rp-border);
  background: rgba(255,255,255,.015);
  position: relative;
}
.respira-v71 .fnd-seat-num {
  font-family: var(--rp-font-mono);
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rp-fg-muted);
}
.respira-v71 .fnd-seat-num .n { color: var(--fnd-gold); font-weight: 600; }
.respira-v71 .fnd-seat-tag {
  margin-left: auto;
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid var(--rp-border);
  color: var(--rp-fg-muted);
}
.respira-v71 .fnd-seat-tag.partner {
  color: var(--fnd-gold-bright);
  border-color: var(--fnd-gold-line);
  background: var(--fnd-gold-soft);
}

.respira-v71 .fnd-seat-body { padding: 26px 26px 22px; flex: 1; display: flex; flex-direction: column; gap: 18px; }

.respira-v71 .fnd-id {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 18px;
  align-items: center;
}
.respira-v71 .fnd-avatar {
  width: 72px; height: 72px;
  border-radius: 50%;
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 6px, rgba(255,255,255,.015) 6px 12px),
    var(--rp-surface-elevated);
  border: 1px solid var(--rp-border);
  display: grid; place-items: center;
  color: var(--rp-fg-subtle);
  flex-shrink: 0;
}
.respira-v71 .fnd-avatar.partner {
  border-color: var(--fnd-gold-line);
  background:
    repeating-linear-gradient(135deg, rgba(212,165,116,.10) 0 6px, rgba(212,165,116,.03) 6px 12px),
    var(--rp-surface-elevated);
  color: var(--fnd-gold-bright);
}
.respira-v71 .fnd-id-text { min-width: 0; }
.respira-v71 .fnd-id-name {
  font-family: var(--rp-font-sans);
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--rp-fg);
  margin: 0 0 4px;
  line-height: 1.2;
}
.respira-v71 .fnd-id-name em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--rp-fg-muted);
}
.respira-v71 .fnd-id-role {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--rp-fg-muted);
}
.respira-v71 .fnd-id-role .loc { color: var(--rp-fg-subtle); }
.respira-v71 .fnd-id-role .sep { color: var(--rp-fg-subtle); margin: 0 6px; }

.respira-v71 .fnd-blurb {
  font-size: 14px;
  line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0;
  text-wrap: pretty;
  max-width: 64ch;
}
.respira-v71 .fnd-blurb em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  color: var(--fnd-gold);
  font-weight: 500;
}

.respira-v71 .fnd-services {
  border-top: 1px dashed var(--rp-border);
  padding-top: 16px;
  display: flex; flex-direction: column; gap: 12px;
}
.respira-v71 .fnd-services-h {
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fnd-gold);
  font-weight: 600;
  margin: 0 0 2px;
}
.respira-v71 .fnd-services-list {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.respira-v71 .fnd-service {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid var(--rp-border);
  background: rgba(255,255,255,.02);
  color: var(--rp-fg);
}
.respira-v71 .fnd-rates {
  display: flex; gap: 18px;
  font-family: var(--rp-font-mono);
  font-size: 11px;
  color: var(--rp-fg-muted);
  letter-spacing: .04em;
}
.respira-v71 .fnd-rates strong {
  color: var(--rp-fg);
  font-weight: 500;
  margin-right: 6px;
}

.respira-v71 .fnd-contact {
  display: flex; flex-wrap: wrap; gap: 8px;
  padding-top: 14px;
  border-top: 1px dashed var(--rp-border);
}
.respira-v71 .fnd-contact a {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--rp-border);
  background: rgba(255,255,255,.02);
  font-family: var(--rp-font-mono);
  font-size: 11.5px;
  color: var(--rp-fg);
  text-decoration: none;
  transition: border-color .12s ease, color .12s ease, background .12s ease;
}
.respira-v71 .fnd-contact a:hover {
  border-color: var(--fnd-gold-line);
  background: var(--fnd-gold-soft);
  color: var(--fnd-gold-bright);
}
.respira-v71 .fnd-contact a.primary {
  border-color: var(--fnd-gold-line);
  background: var(--fnd-gold-soft);
  color: var(--fnd-gold-bright);
}

.respira-v71 .fnd-seat.is-placeholder { border-style: dashed; border-color: rgba(212,165,116,.35); }
.respira-v71 .fnd-seat.is-placeholder::after {
  content: "PLACEHOLDER";
  position: absolute;
  top: 50%; right: -42px;
  transform: translateY(-50%) rotate(90deg);
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .4em;
  color: rgba(212,165,116,.22);
  pointer-events: none;
  white-space: nowrap;
}
.respira-v71 .fnd-seat-placeholder-banner {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 22px;
  background:
    repeating-linear-gradient(135deg,
      rgba(212,165,116,.06) 0 10px,
      rgba(212,165,116,.02) 10px 20px);
  border-bottom: 1px dashed var(--fnd-gold-line);
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .04em;
}
.respira-v71 .fnd-seat-placeholder-banner .sp-eb {
  padding: 3px 8px;
  border-radius: 4px;
  background: var(--fnd-gold);
  color: #1a1208;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.respira-v71 .fnd-seat-placeholder-banner .sp-text {
  color: rgba(212,165,116,.85);
}

.respira-v71 .fnd-pricing {
  border-top: 1px dashed var(--rp-border);
  padding-top: 18px;
  display: flex; flex-direction: column; gap: 14px;
  position: relative;
}
.respira-v71 .fnd-pricing-h {
  display: flex; align-items: center; gap: 10px;
}
.respira-v71 .fnd-pricing-h .eb {
  font-family: var(--rp-font-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--fnd-gold);
  font-weight: 600;
}
.respira-v71 .fnd-pricing-pill {
  font-family: var(--rp-font-mono);
  font-size: 10.5px;
  letter-spacing: .04em;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid var(--fnd-gold-line);
  background: var(--fnd-gold-soft);
  color: var(--fnd-gold-bright);
}

.respira-v71 .fnd-pricing-main {
  display: flex;
  align-items: baseline;
  gap: 18px;
  padding: 16px 18px;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(212,165,116,.08), rgba(212,165,116,.02));
  border: 1px solid var(--fnd-gold-line);
}
.respira-v71 .fnd-pricing-x {
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 72px;
  letter-spacing: -0.045em;
  line-height: .9;
  color: var(--fnd-gold-bright);
  font-variant-numeric: tabular-nums;
  display: flex; align-items: baseline;
}
.respira-v71 .fnd-pricing-x .x {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  font-size: 48px;
  margin-left: 4px;
  color: var(--fnd-gold);
}
.respira-v71 .fnd-pricing-cap-l {
  font-family: var(--rp-font-sans);
  font-weight: 600;
  font-size: 16px;
  color: var(--rp-fg);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.respira-v71 .fnd-pricing-cap-d {
  margin-top: 4px;
  font-size: 12.5px;
  color: var(--rp-fg-muted);
  line-height: 1.4;
}

.respira-v71 .fnd-pricing-eq {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  padding: 10px 14px;
  border-radius: 8px;
  background: rgba(0,0,0,.22);
  border: 1px solid var(--rp-border);
  font-family: var(--rp-font-mono);
  font-size: 12px;
  color: var(--rp-fg);
}
.respira-v71 .fnd-pricing-eq .k {
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--rp-fg-subtle);
  font-weight: 600;
  margin-right: 4px;
}
.respira-v71 .fnd-pricing-eq .toks { color: var(--rp-fg); }
.respira-v71 .fnd-pricing-eq .op   { color: var(--rp-fg-subtle); }
.respira-v71 .fnd-pricing-eq .mult { color: var(--fnd-gold-bright); }
.respira-v71 .fnd-pricing-eq .out  {
  margin-left: auto;
  color: var(--fnd-gold-bright);
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 4px;
  background: var(--fnd-gold-soft);
}

.respira-v71 .fnd-pricing-foot {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 6px;
  font-size: 12.5px;
  color: var(--rp-fg-muted);
  line-height: 1.5;
}
.respira-v71 .fnd-pricing-foot li {
  display: flex; align-items: flex-start; gap: 10px;
}
.respira-v71 .fnd-pricing-foot .d {
  width: 4px; height: 4px; border-radius: 50%;
  background: var(--fnd-gold);
  flex-shrink: 0; margin-top: 8px;
}

.respira-v71 .fnd-roadmap-tag {
  margin-left: auto;
  font-family: var(--rp-font-mono);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 4px;
  border: 1px dashed var(--fnd-gold-line);
  color: var(--fnd-gold);
  background: var(--fnd-gold-soft);
}

.respira-v71 .fnd-roadmap {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 26px;
  border-top: 1px solid var(--rp-border);
  background: rgba(0,0,0,.18);
  font-family: var(--rp-font-mono);
  font-size: 10.5px;
  letter-spacing: .08em;
  color: var(--rp-fg-muted);
}
.respira-v71 .fnd-roadmap .ix {
  display: inline-block;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--fnd-gold);
  box-shadow: 0 0 8px rgba(212,165,116,.55);
}

.respira-v71 .fnd-intro {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 36px;
  padding: 6px 6px 0;
}
.respira-v71 .fnd-intro-h {
  margin: 0;
  font-family: var(--rp-font-sans);
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.03em;
  line-height: 1.05;
  color: var(--rp-fg);
  text-wrap: balance;
}
.respira-v71 .fnd-intro-h em {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  font-weight: 500;
  color: var(--fnd-gold);
}
.respira-v71 .fnd-intro p {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--rp-fg-muted);
  text-wrap: pretty;
}
.respira-v71 .fnd-intro p + p { margin-top: 12px; }
.respira-v71 .fnd-intro strong { color: var(--rp-fg); font-weight: 500; }
.respira-v71 .fnd-intro em.editorial {
  font-family: var(--rp-font-editorial);
  font-style: italic;
  color: var(--fnd-gold);
  font-weight: 500;
}

.respira-v71 .fnd-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 4px 24px;
}
.respira-v71 .fnd-cta-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 13px 22px;
  border-radius: 999px;
  border: 1px solid var(--fnd-gold-line);
  background: var(--fnd-gold-soft);
  color: var(--fnd-gold-bright);
  font-family: var(--rp-font-sans);
  font-weight: 600;
  font-size: 14.5px;
  letter-spacing: -.005em;
  text-decoration: none;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.respira-v71 .fnd-cta-btn:hover {
  background: var(--fnd-gold);
  color: #1a1208;
  border-color: var(--fnd-gold);
  transform: translateY(-1px);
}
.respira-v71 .fnd-cta-btn svg { margin-top: 1px; }
.respira-v71 .fnd-cta-sub {
  font-family: var(--rp-font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--rp-fg-subtle);
}

@media (max-width: 1180px) {
  .respira-v71 .fnd-hero { grid-template-columns: 1fr; }
  .respira-v71 .fnd-kv { min-height: 260px; }
  .respira-v71 .fnd-hero-body { padding: 36px 32px; }
  .respira-v71 .fnd-hero-h { font-size: 36px; }
  .respira-v71 .fnd-intro { grid-template-columns: 1fr; gap: 18px; }
}
@media (max-width: 700px) {
  .respira-v71 .fnd-hero-pillars { grid-template-columns: 1fr; }
  .respira-v71 .fnd-pillar-n { font-size: 26px; }
  .respira-v71 .fnd-intro-h { font-size: 28px; }
}

.respira-v71 .ui-classic .fnd-hero { background: #0a0e14; border-color: rgba(212,165,116,.25); }
.respira-v71 .ui-classic .fnd-section-h { border-bottom-color: #e0d4b8; }
.respira-v71 .ui-classic .fnd-section-h h2 { color: #1c1917; }
.respira-v71 .ui-classic .fnd-section-h h2 em { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-section-h .meta { color: #4a463f; }

.respira-v71 .ui-classic .fnd-seat { background: #fbf6ec; border-color: #e0d4b8; }
.respira-v71 .ui-classic .fnd-seat.partner { border-color: rgba(163,122,74,.30); }
.respira-v71 .ui-classic .fnd-seat-h { background: #fffbf2; border-bottom-color: #e0d4b8; }
.respira-v71 .ui-classic .fnd-seat-num { color: #4a463f; }
.respira-v71 .ui-classic .fnd-seat-num .n { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-seat-tag.partner { color: #a37a4a; border-color: rgba(163,122,74,.30); background: rgba(163,122,74,.08); }
.respira-v71 .ui-classic .fnd-avatar { background: #f5edd8; border-color: #e0d4b8; color: #8a7e5e; }
.respira-v71 .ui-classic .fnd-avatar.partner { border-color: rgba(163,122,74,.30); color: #a37a4a; }
.respira-v71 .ui-classic .fnd-id-name { color: #1c1917; }
.respira-v71 .ui-classic .fnd-id-name em { color: #4a463f; }
.respira-v71 .ui-classic .fnd-id-role { color: #4a463f; }
.respira-v71 .ui-classic .fnd-id-role .loc, .ui-classic .fnd-id-role .sep { color: #8a7e5e; }
.respira-v71 .ui-classic .fnd-blurb { color: #4a463f; }
.respira-v71 .ui-classic .fnd-blurb em { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-services-h { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-service { background: #fffbf2; border-color: #e0d4b8; color: #1c1917; }
.respira-v71 .ui-classic .fnd-rates { color: #4a463f; }
.respira-v71 .ui-classic .fnd-rates strong { color: #1c1917; }
.respira-v71 .ui-classic .fnd-contact a { background: #fffbf2; border-color: #e0d4b8; color: #1c1917; }
.respira-v71 .ui-classic .fnd-contact a:hover, .ui-classic .fnd-contact a.primary { color: #a37a4a; border-color: rgba(163,122,74,.40); background: rgba(163,122,74,.08); }
.respira-v71 .ui-classic .fnd-roadmap { background: #f5edd8; border-top-color: #e0d4b8; color: #4a463f; }
.respira-v71 .ui-classic .fnd-roadmap-tag { color: #a37a4a; border-color: rgba(163,122,74,.40); background: rgba(163,122,74,.10); }

.respira-v71 .ui-classic .fnd-seat.is-placeholder { border-color: rgba(163,122,74,.40); }
.respira-v71 .ui-classic .fnd-seat.is-placeholder::after { color: rgba(163,122,74,.28); }
.respira-v71 .ui-classic .fnd-seat-placeholder-banner {
  background: repeating-linear-gradient(135deg, rgba(163,122,74,.08) 0 10px, rgba(163,122,74,.02) 10px 20px);
  border-bottom-color: rgba(163,122,74,.40);
}
.respira-v71 .ui-classic .fnd-seat-placeholder-banner .sp-eb { background: #a37a4a; color: #fff; }
.respira-v71 .ui-classic .fnd-seat-placeholder-banner .sp-text { color: #6e5230; }

.respira-v71 .ui-classic .fnd-pricing-h .eb { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-pricing-pill { color: #a37a4a; border-color: rgba(163,122,74,.40); background: rgba(163,122,74,.10); }
.respira-v71 .ui-classic .fnd-pricing-main {
  background: linear-gradient(180deg, rgba(163,122,74,.10), rgba(163,122,74,.02));
  border-color: rgba(163,122,74,.40);
}
.respira-v71 .ui-classic .fnd-pricing-x { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-pricing-x .x { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-pricing-cap-l { color: #1c1917; }
.respira-v71 .ui-classic .fnd-pricing-cap-d { color: #4a463f; }
.respira-v71 .ui-classic .fnd-pricing-eq { background: #fffbf2; border-color: #e0d4b8; color: #1c1917; }
.respira-v71 .ui-classic .fnd-pricing-eq .k { color: #8a7e5e; }
.respira-v71 .ui-classic .fnd-pricing-eq .op { color: #8a7e5e; }
.respira-v71 .ui-classic .fnd-pricing-eq .mult, .ui-classic .fnd-pricing-eq .out { color: #a37a4a; background: rgba(163,122,74,.10); }
.respira-v71 .ui-classic .fnd-pricing-foot { color: #4a463f; }
.respira-v71 .ui-classic .fnd-pricing-foot .d { background: #a37a4a; }

.respira-v71 .ui-classic .fnd-intro-h { color: #1c1917; }
.respira-v71 .ui-classic .fnd-intro-h em { color: #a37a4a; }
.respira-v71 .ui-classic .fnd-intro p { color: #4a463f; }
.respira-v71 .ui-classic .fnd-intro strong { color: #1c1917; }
.respira-v71 .ui-classic .fnd-intro em.editorial { color: #a37a4a; }

.respira-v71 .ui-classic .fnd-cta-btn { color: #a37a4a; border-color: rgba(163,122,74,.40); background: rgba(163,122,74,.10); }
.respira-v71 .ui-classic .fnd-cta-btn:hover { background: #a37a4a; color: #fff; border-color: #a37a4a; }
.respira-v71 .ui-classic .fnd-cta-sub { color: #4a463f; }
.respira-v71 .approval-empty {
  padding: 40px 28px; text-align: center;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.respira-v71 .approval-empty-eb {
  font-family: var(--rp-font-mono); font-size: 10.5px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--rp-emerald-400); font-weight: 600;
  margin-bottom: 6px;
}
.respira-v71 .approval-empty-t { font-size: 16px; font-weight: 600; color: var(--rp-fg); }
.respira-v71 .approval-empty-d {
  font-size: 12.5px; color: var(--rp-fg-muted); line-height: 1.55;
  max-width: 440px; margin-top: 4px;
}
.respira-v71 .about-tabs {
  display: flex; gap: 2px;
  border-bottom: 1px solid var(--rp-border);
  margin-bottom: 24px;
}
.respira-v71 .about-tab {
  padding: 10px 18px;
  background: none; border: 0;
  font-size: 13px; color: var(--rp-fg-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  font-weight: 500;
  letter-spacing: -.005em;
}
.respira-v71 .about-tab:hover { color: var(--rp-fg); }
.respira-v71 .about-tab.active {
  color: var(--rp-fg);
  border-bottom-color: var(--rp-emerald-400);
}

.respira-v71 .wn-hero {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 0;
  padding: 0 !important;
  overflow: hidden;
  margin-bottom: 32px;
}
.respira-v71 .wn-hero-l { padding: 32px 36px; border-right: 1px solid var(--rp-border); }
.respira-v71 .wn-hero-r { padding: 28px 32px; background: var(--rp-bg-subtle, rgba(255,255,255,.02)); }

.respira-v71 .wn-version-block {
  display: flex; align-items: baseline; gap: 16px; margin-bottom: 6px;
}
.respira-v71 .wn-version-num {
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 56px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.04em; line-height: 1;
}
.respira-v71 .wn-version-meta {
  display: flex; gap: 8px; align-items: center;
  font-size: 11px; color: var(--rp-fg-muted);
}
.respira-v71 .wn-tagline {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 26px; font-weight: 500;
  color: var(--rp-fg);
  margin: 16px 0 14px;
  letter-spacing: -.01em;
}
.respira-v71 .wn-lede {
  font-size: 14.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 20px;
  max-width: 60ch;
  text-wrap: pretty;
}

.respira-v71 .wn-stat-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid var(--rp-border);
  padding-top: 16px;
  margin-top: 8px;
}
.respira-v71 .wn-stat {
  display: flex; flex-direction: column; gap: 4px;
  border-right: 1px solid var(--rp-border);
  padding-right: 12px;
}
.respira-v71 .wn-stat:last-child { border-right: 0; }
.respira-v71 .wn-stat-n {
  font-size: 18px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.02em;
}
.respira-v71 .wn-stat-l {
  font-size: 10.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .04em;
}

.respira-v71 .wn-versions {
  display: flex; flex-direction: column; gap: 10px;
}
.respira-v71 .wn-ver-row {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  gap: 12px; align-items: center;
  font-size: 12px;
}
.respira-v71 .wn-ver-l { color: var(--rp-fg-subtle); }
.respira-v71 .wn-ver-v { color: var(--rp-fg); font-weight: 500; }

.respira-v71 .wn-section-h {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 24px 4px 12px;
  border-top: 1px solid var(--rp-border);
  margin-top: 32px;
}
.respira-v71 .wn-section-h:first-of-type { border-top: 0; margin-top: 8px; padding-top: 8px; }
.respira-v71 .wn-section-h .eb-section {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: 11px; color: var(--rp-fg);
  font-weight: 600;
}
.respira-v71 .wn-section-h .rp-mono { font-size: 11px; color: var(--rp-fg-subtle); }

.respira-v71 .wn-highlights {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.respira-v71 .wn-hl {
  background: var(--rp-bg-elev);
  padding: 22px 24px;
  display: flex; flex-direction: column; gap: 8px;
}
.respira-v71 .wn-hl-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 4px;
}
.respira-v71 .wn-hl-icon {
  width: 24px; height: 24px;
  border-radius: 6px;
  background: rgba(16, 185, 129, .12);
  color: var(--rp-emerald-400);
  display: grid; place-items: center;
  flex-shrink: 0;
}
.respira-v71 .wn-hl .eb {
  font-size: 10px; letter-spacing: .08em; color: var(--rp-emerald-400);
}
.respira-v71 .wn-hl-t {
  font-size: 16px; font-weight: 600; color: var(--rp-fg);
  margin: 0; letter-spacing: -.01em; line-height: 1.3;
}
.respira-v71 .wn-hl-b {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; text-wrap: pretty;
}

.respira-v71 .wn-bloom-lede {
  font-size: 13.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 20px; max-width: 70ch;
}
.respira-v71 .wn-phases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.respira-v71 .wn-phase {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  padding: 12px 14px;
  background: var(--rp-bg-subtle, rgba(255,255,255,.02));
  border: 1px solid var(--rp-border);
  border-radius: 6px;
}
.respira-v71 .wn-phase-id {
  font-size: 11px; color: var(--rp-emerald-400);
  font-weight: 600;
  align-self: start; padding-top: 1px;
}
.respira-v71 .wn-phase-t {
  font-size: 13px; font-weight: 600; color: var(--rp-fg);
  margin-bottom: 3px;
  letter-spacing: -.005em;
}
.respira-v71 .wn-phase-d {
  font-size: 12px; line-height: 1.5;
  color: var(--rp-fg-muted);
}

.respira-v71 .wn-builders {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 16px;
}
.respira-v71 .wn-builder {
  background: var(--rp-bg-elev);
  padding: 18px 22px;
}
.respira-v71 .wn-builder-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 8px;
}
.respira-v71 .wn-builder-mark {
  width: 24px; height: 24px;
  border-radius: 5px;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700;
  color: white;
  font-family: "JetBrains Mono", monospace;
  flex-shrink: 0;
}
.respira-v71 .wn-builder-name {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
}
.respira-v71 .wn-builder-growth {
  font-size: 11px; color: var(--rp-fg-subtle);
  margin-left: auto;
}
.respira-v71 .wn-builder-note {
  font-size: 12.5px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0;
  text-wrap: pretty;
}

.respira-v71 .wn-foot {
  display: flex; justify-content: center; gap: 16px;
  padding-top: 24px; margin-top: 16px;
  border-top: 1px solid var(--rp-border);
}

.respira-v71 .cl-filters {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .cl-filters-l { display: flex; gap: 4px; }
.respira-v71 .cl-filters-r {
  display: flex; gap: 8px; align-items: center;
  font-size: 11px; color: var(--rp-fg-subtle);
}
.respira-v71 .cl-filter {
  padding: 6px 12px;
  background: none; border: 1px solid transparent;
  border-radius: 6px;
  font-size: 12px; color: var(--rp-fg-muted);
  cursor: pointer;
  display: flex; align-items: center; gap: 6px;
}
.respira-v71 .cl-filter:hover { color: var(--rp-fg); background: var(--rp-bg-subtle, rgba(255,255,255,.03)); }
.respira-v71 .cl-filter.active {
  color: var(--rp-fg);
  border-color: var(--rp-border);
  background: var(--rp-bg-elev);
}
.respira-v71 .cl-filter-n { color: var(--rp-fg-subtle); font-size: 10.5px; }

.respira-v71 .cl-timeline {
  display: flex; flex-direction: column;
  position: relative;
}
.respira-v71 .cl-release {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 0;
  position: relative;
}
.respira-v71 .cl-rail {
  position: relative;
  display: flex; justify-content: center;
  padding-top: 16px;
}
.respira-v71 .cl-rail::before {
  content: "";
  position: absolute;
  top: 0; bottom: -28px;
  left: 50%;
  width: 1px;
  background: var(--rp-border);
}
.respira-v71 .cl-release:last-child .cl-rail::before { bottom: 0; }
.respira-v71 .cl-dot {
  width: 11px; height: 11px;
  border-radius: 50%;
  border: 2px solid var(--rp-bg);
  background: var(--rp-fg-subtle);
  position: relative; z-index: 2;
  flex-shrink: 0;
}
.respira-v71 .cl-dot.major {
  background: var(--rp-emerald-400);
  box-shadow: 0 0 0 3px rgba(16, 185, 129, .15);
}
.respira-v71 .cl-dot.minor {
  background: var(--rp-emerald-400);
}
.respira-v71 .cl-dot.patch {
  background: var(--rp-fg-subtle);
}

.respira-v71 .cl-body {
  padding: 4px 4px 28px 8px;
}
.respira-v71 .cl-h {
  display: flex; justify-content: space-between; align-items: center;
  width: 100%;
  background: none; border: 0;
  padding: 4px 0; cursor: pointer;
  text-align: left;
}
.respira-v71 .cl-h-l {
  display: flex; align-items: center; gap: 10px;
  flex-wrap: wrap;
}
.respira-v71 .cl-version {
  font-size: 14px; font-weight: 600; color: var(--rp-fg);
  letter-spacing: -.01em;
}
.respira-v71 .cl-date { font-size: 11px; color: var(--rp-fg-subtle); }
.respira-v71 .cl-chev { color: var(--rp-fg-subtle); display: flex; }
.respira-v71 .cl-h:hover .cl-chev { color: var(--rp-fg); }

.respira-v71 .cl-title {
  font-size: 15px; font-weight: 500;
  color: var(--rp-fg);
  margin: 6px 0 0;
  line-height: 1.4;
  letter-spacing: -.005em;
  text-wrap: pretty;
  max-width: 70ch;
}

.respira-v71 .cl-items {
  list-style: none; padding: 14px 0 0; margin: 0;
  display: flex; flex-direction: column; gap: 8px;
  border-top: 1px dashed var(--rp-border);
  margin-top: 14px;
}
.respira-v71 .cl-item {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 14px;
  align-items: baseline;
}
.respira-v71 .cl-tag {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 600;
  padding: 2px 7px;
  border: 1px solid;
  border-radius: 3px;
  text-align: center;
  align-self: start;
  margin-top: 2px;
}
.respira-v71 .cl-text {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  text-wrap: pretty;
}

.respira-v71 .cl-release.has-story {
  --cl-accent: var(--rp-emerald-400);
}
.respira-v71 .cl-release.has-story .cl-body {
  padding: 4px 4px 36px 8px;
}
.respira-v71 .cl-dot.story {
  width: 13px; height: 13px;
  background: var(--cl-accent, var(--rp-emerald-400));
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--cl-accent, #34d399) 22%, transparent),
    0 0 18px color-mix(in srgb, var(--cl-accent, #34d399) 50%, transparent);
}
.respira-v71 .cl-story {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 22px;
  align-items: stretch;
  background: linear-gradient(
    135deg,
    color-mix(in srgb, var(--cl-accent, #10b981) 8%, transparent) 0%,
    color-mix(in srgb, var(--cl-accent, #10b981) 1%, transparent) 60%
  ),
  var(--rp-surface);
  border: 1px solid var(--rp-border);
  border-left: 2px solid var(--cl-accent, var(--rp-emerald-500));
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.respira-v71 .cl-story::before {
  content: "";
  position: absolute;
  top: 0; right: 0;
  width: 60%; height: 100%;
  background: radial-gradient(
    ellipse at top right,
    color-mix(in srgb, var(--cl-accent, #10b981) 12%, transparent),
    transparent 65%
  );
  pointer-events: none;
}
.respira-v71 .cl-kv {
  position: relative;
  overflow: hidden;
  background: #0a1117;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.respira-v71 .cl-kv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  opacity: .9;
  transition: opacity .25s ease, transform .4s ease;
}
.respira-v71 .cl-kv.logo {
  background:
    radial-gradient(ellipse at 30% 40%, color-mix(in srgb, var(--cl-kv-bg, #10b981) 28%, transparent), transparent 70%),
    radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--cl-kv-bg, #10b981) 14%, transparent), transparent 55%),
    linear-gradient(150deg, #0d141d, #070b10);
}
.respira-v71 .cl-kv.logo img {
  width: auto;
  height: 56px;
  max-width: 70%;
  object-fit: contain;
  filter: brightness(1.08);
  opacity: .92;
}
.respira-v71 .cl-release.has-story:hover .cl-kv img {
  opacity: 1;
  transform: scale(1.03);
}
.respira-v71 .cl-kv::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 70%, color-mix(in srgb, var(--rp-surface) 100%, transparent));
  pointer-events: none;
}

.respira-v71 .cl-story-body {
  padding: 20px 22px 18px 4px;
  position: relative;
  z-index: 1;
}
.respira-v71 .cl-story-meta {
  margin-bottom: 10px;
  font-size: 12px;
}
.respira-v71 .cl-story-series {
  font-size: 11px;
  color: var(--rp-fg-muted);
  font-style: italic;
  font-family: var(--rp-font-editorial), Georgia, serif;
}
.respira-v71 .cl-story-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -.018em;
  color: var(--rp-fg);
  line-height: 1.2;
  margin: 0 0 10px;
  text-wrap: balance;
  max-width: 32ch;
}
.respira-v71 .cl-story-blurb {
  font-size: 13.5px;
  line-height: 1.62;
  color: var(--rp-fg-muted);
  margin: 0 0 16px;
  max-width: 64ch;
  text-wrap: pretty;
}
.respira-v71 .cl-story-stats {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  padding: 12px 0 14px;
  border-top: 1px dashed var(--rp-border);
  border-bottom: 1px dashed var(--rp-border);
  margin-bottom: 14px;
}
.respira-v71 .cl-story-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.respira-v71 .cl-story-stat-v {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.015em;
  color: var(--cl-accent, var(--rp-emerald-400));
  line-height: 1;
}
.respira-v71 .cl-story-stat-l {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: var(--rp-fg-subtle);
}
.respira-v71 .cl-story-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.respira-v71 .cl-story-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--cl-accent, var(--rp-emerald-400));
  text-decoration: none;
  transition: gap .2s ease;
}
.respira-v71 .cl-story-cta:hover { gap: 10px; }
.respira-v71 .cl-story-toggle {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-size: 11.5px;
  color: var(--rp-fg-subtle);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--rp-font-mono);
  letter-spacing: .01em;
}
.respira-v71 .cl-story-toggle:hover { color: var(--rp-fg-muted); }
.respira-v71 .cl-items-story {
  border-top: 1px dashed var(--rp-border);
  margin-top: 16px;
  padding-top: 14px;
}

@media (max-width: 1100px) {
  .respira-v71 .cl-story { grid-template-columns: 200px 1fr; gap: 18px; }
  .respira-v71 .cl-kv.logo img { height: 44px; }
}
@media (max-width: 820px) {
  .respira-v71 .cl-story { grid-template-columns: 1fr; }
  .respira-v71 .cl-kv { min-height: 140px; }
  .respira-v71 .cl-kv::after { display: none; }
  .respira-v71 .cl-story-body { padding: 18px 18px 18px 18px; }
}

.respira-v71 .th-card { margin-bottom: 16px; }
.respira-v71 .th-card .eb-section {
  text-transform: uppercase; letter-spacing: .08em;
  font-size: 11px; color: var(--rp-fg);
  font-weight: 600;
  margin-bottom: 16px;
  display: block;
}

.respira-v71 .th-built {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 32px;
  align-items: start;
}
.respira-v71 .th-logo-block {
  display: flex; gap: 14px; align-items: center;
}
.respira-v71 .th-logo {
  width: 48px; height: 48px;
  border-radius: 8px;
}
.respira-v71 .th-author {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 22px; font-weight: 500;
  color: var(--rp-fg);
  letter-spacing: -.01em;
  line-height: 1.1;
  margin-bottom: 4px;
}
.respira-v71 .th-link {
  font-size: 11.5px; color: var(--rp-emerald-400);
  text-decoration: none;
}
.respira-v71 .th-link:hover { color: var(--rp-emerald-300); text-decoration: underline; }
.respira-v71 .th-built-body {
  font-size: 13.5px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; max-width: 65ch;
  text-wrap: pretty;
}

.respira-v71 .th-deps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--rp-border);
  border: 1px solid var(--rp-border);
  border-radius: 6px;
  overflow: hidden;
}
.respira-v71 .th-dep {
  background: var(--rp-bg-elev);
  padding: 14px 16px;
}
.respira-v71 .th-dep-h {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 4px;
}
.respira-v71 .th-dep-name {
  font-size: 13px; color: var(--rp-fg);
  font-weight: 500;
}
.respira-v71 .th-dep-v {
  font-size: 11px; color: var(--rp-fg-subtle);
}
.respira-v71 .th-dep-meta {
  font-size: 11px; color: var(--rp-fg-subtle);
  margin-bottom: 6px;
}
.respira-v71 .th-dep-who { color: var(--rp-emerald-400); }
.respira-v71 .th-dep-what {
  font-size: 12px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0;
}

.respira-v71 .th-include-row {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px; align-items: start;
}
.respira-v71 .th-include-mark {
  width: 64px; height: 64px;
  border-radius: 10px;
  background: linear-gradient(135deg, #0ea5e9, #0369a1);
  color: white;
  font-size: 22px; font-weight: 700;
  letter-spacing: -.02em;
  display: grid; place-items: center;
  font-family: "JetBrains Mono", monospace;
}
.respira-v71 .th-include-h {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 8px;
}
.respira-v71 .th-include-h h3 {
  font-size: 16px; font-weight: 600; color: var(--rp-fg);
  margin: 0;
}
.respira-v71 .th-include-body p {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 10px;
  max-width: 70ch;
  text-wrap: pretty;
}

.respira-v71 .th-section-sub {
  font-size: 11.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .06em;
  margin-bottom: 10px;
}
.respira-v71 .th-chips {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.respira-v71 .th-chip {
  padding: 5px 11px;
  border: 1px solid var(--rp-border);
  border-radius: 999px;
  font-size: 12px;
  color: var(--rp-fg-muted);
  background: var(--rp-bg-subtle, rgba(255,255,255,.02));
}

.respira-v71 .th-rep-lede {
  font-size: 13px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0 0 18px; max-width: 70ch;
  text-wrap: pretty;
}
.respira-v71 .th-reps {
  display: flex; flex-direction: column;
  border: 1px solid var(--rp-border);
  border-radius: 6px;
  overflow: hidden;
}
.respira-v71 .th-rep {
  padding: 14px 16px;
  border-bottom: 1px solid var(--rp-border);
}
.respira-v71 .th-rep:last-child { border-bottom: 0; }
.respira-v71 .th-rep-h {
  display: flex; justify-content: space-between; align-items: baseline;
  margin-bottom: 4px;
  flex-wrap: wrap; gap: 8px;
}
.respira-v71 .th-rep-who {
  font-size: 13px; font-weight: 500; color: var(--rp-fg);
}
.respira-v71 .th-rep-vs {
  font-size: 10.5px; color: var(--rp-emerald-400);
}
.respira-v71 .th-rep-c {
  font-size: 12.5px; line-height: 1.55;
  color: var(--rp-fg-muted);
  margin: 0; text-wrap: pretty;
}

.respira-v71 .th-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px 24px;
  margin-bottom: 18px;
}
.respira-v71 .th-meta-grid > div {
  display: flex; flex-direction: column; gap: 3px;
  padding: 10px 0;
  border-top: 1px solid var(--rp-border);
}
.respira-v71 .th-meta-l {
  font-size: 10.5px; color: var(--rp-fg-subtle);
  text-transform: uppercase; letter-spacing: .04em;
}
.respira-v71 .th-meta-v {
  font-size: 13px; color: var(--rp-fg);
  font-weight: 500;
}
.respira-v71 .th-license-body {
  font-size: 12px; line-height: 1.6;
  color: var(--rp-fg-muted);
  margin: 0; max-width: 70ch;
  text-wrap: pretty;
}

@media (max-width: 1100px) {
  .respira-v71 .wn-hero { grid-template-columns: 1fr; }
  .respira-v71 .wn-hero-l { border-right: 0; border-bottom: 1px solid var(--rp-border); }
  .respira-v71 .wn-highlights, .wn-builders, .wn-phases, .th-deps, .th-meta-grid { grid-template-columns: 1fr; }
  .respira-v71 .th-built { grid-template-columns: 1fr; }
}


/* ─── Activity report card — bullet-proof contrast in both themes ─── */
.respira-v71 .report-howto {
  display: flex; gap: 10px; align-items: flex-start;
  padding: 12px 14px; margin-bottom: 14px; border-radius: 8px;
  background: rgba(16,185,129,.10);
  border: 1px solid rgba(16,185,129,.32);
  color: #e7eaee;
  font-size: 13px; line-height: 1.55;
}
.respira-v71 .report-howto-ico { color: var(--rp-emerald-400); flex-shrink: 0; margin-top: 2px; }
.respira-v71 .report-howto-body strong { color: #fff; font-weight: 600; }
.respira-v71.ui-mode-classic .report-howto,
.respira-v71 .ui-classic .report-howto {
  background: rgba(10,79,92,.06);
  border-color: rgba(10,79,92,.30);
  color: #1c1917;
}
.respira-v71.ui-mode-classic .report-howto-body strong,
.respira-v71 .ui-classic .report-howto-body strong { color: #0a4f5c; }

.respira-v71 .report-time-savings {
  padding: 16px; margin-bottom: 18px; border-radius: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  color: #e7eaee;
}
.respira-v71 .report-ts-eb {
  font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  font-weight: 600; color: #a4abb4; margin-bottom: 10px;
}
.respira-v71 .report-ts-row {
  display: flex; gap: 28px; flex-wrap: wrap;
  font-size: 13.5px; color: #e7eaee; line-height: 1.6;
}
.respira-v71 .report-ts-row b { color: #fff; font-weight: 700; }
.respira-v71 .report-ts-hero {
  color: #6ee7b7 !important;
  font-size: 17px; font-weight: 700;
  font-family: var(--rp-font-mono);
}
.respira-v71 .report-ts-note {
  font-size: 11.5px; margin-top: 12px; font-style: italic;
  color: #a4abb4; line-height: 1.5;
}
.respira-v71.ui-mode-classic .report-time-savings,
.respira-v71 .ui-classic .report-time-savings {
  background: #fbfaf7;
  border-color: #d6cdb8;
  color: #1c1917;
}
.respira-v71.ui-mode-classic .report-ts-eb,
.respira-v71 .ui-classic .report-ts-eb,
.respira-v71.ui-mode-classic .report-ts-note,
.respira-v71 .ui-classic .report-ts-note { color: #4a463f; }
.respira-v71.ui-mode-classic .report-ts-row,
.respira-v71 .ui-classic .report-ts-row { color: #1c1917; }
.respira-v71.ui-mode-classic .report-ts-row b,
.respira-v71 .ui-classic .report-ts-row b { color: #0a0a0a; }
.respira-v71.ui-mode-classic .report-ts-hero,
.respira-v71 .ui-classic .report-ts-hero { color: #047857 !important; }

.respira-v71 .client-report-preview {
  background: #f8fafc;
  color: #162033;
  border: 1px solid rgba(15, 23, 42, .12);
  border-radius: 10px;
  padding: 28px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
}
.respira-v71 .crp-head {
  display: flex; justify-content: space-between; gap: 24px;
  border-bottom: 2px solid #10b981; padding-bottom: 18px; margin-bottom: 22px;
}
.respira-v71 .crp-kicker {
  color: #0f766e; font-size: 11px; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
}
.respira-v71 .crp-head h2 {
  margin: 6px 0; color: #101827; font-size: 30px; line-height: 1.1;
}
.respira-v71 .crp-head p,
.respira-v71 .crp-note,
.respira-v71 .crp-foot { color: #64748b; }
.respira-v71 .crp-mark {
  align-self: flex-start; color: #0f766e;
  border: 1px solid rgba(16,185,129,.28); border-radius: 999px;
  padding: 6px 12px; font-size: 12px; font-weight: 700;
}
.respira-v71 .crp-card-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 12px; margin-bottom: 24px;
}
.respira-v71 .crp-card,
.respira-v71 .crp-example,
.respira-v71 .crp-proof-grid > div {
  background: #fff; border: 1px solid #dbe5ef; border-radius: 8px; padding: 14px;
}
.respira-v71 .crp-card span,
.respira-v71 .crp-card em,
.respira-v71 .crp-proof-grid span {
  display: block; color: #64748b; font-size: 12px; font-style: normal;
}
.respira-v71 .crp-card strong {
  display: block; margin: 4px 0; color: #101827; font-size: 26px;
}
.respira-v71 .crp-section { margin: 22px 0; break-inside: avoid; }
.respira-v71 .crp-section h3 {
  color: #101827; font-size: 17px; margin: 0 0 10px;
  padding-bottom: 7px; border-bottom: 1px solid #e2e8f0;
}
.respira-v71 .crp-highlight { margin: 0 0 12px; }
.respira-v71 .crp-highlight strong,
.respira-v71 .crp-example strong,
.respira-v71 .crp-proof-grid strong { color: #101827; }
.respira-v71 .crp-highlight p,
.respira-v71 .crp-example p { margin: 4px 0 0; }
.respira-v71 .crp-proof-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px;
}
.respira-v71 .crp-proof-grid strong { display: block; margin-top: 4px; font-size: 18px; }
.respira-v71 .crp-two { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.respira-v71 .crp-section ul { margin: 0; padding-left: 18px; }
.respira-v71 .crp-ops {
  background: #eef6ff; border: 1px solid #c8ddf4; border-radius: 8px; padding: 14px;
}
.respira-v71 .crp-foot {
  border-top: 1px solid #dbe5ef; margin-top: 28px; padding-top: 12px; font-size: 12px;
}

@media (max-width: 782px) {
  .respira-v71 .crp-head,
  .respira-v71 .crp-two { grid-template-columns: 1fr; display: grid; }
}

@media print {
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) #adminmenumain,
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) #wpadminbar,
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) .respira-v71 .page-h,
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) .respira-v71 .tab-bar,
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) .respira-v71 .card:not(:has(#respira-client-report-preview)) {
    display: none !important;
  }
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) #wpcontent,
  body.wp-admin:has(.respira-v71 #respira-client-report-preview) #wpbody-content {
    margin: 0 !important; padding: 0 !important;
  }
  .respira-v71 #respira-client-report-preview {
    border: 0; border-radius: 0; padding: 22mm;
  }
  .respira-v71 .crp-card,
  .respira-v71 .crp-example,
  .respira-v71 .crp-section {
    break-inside: avoid;
  }
}


/* ─── Skills v2 (2026-05-24) — install card + per-card actions ─── */
.respira-v71 .skill-install-row {
  display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
  padding: 14px 16px;
  background: #07090b;
  border: 1px solid var(--rp-border);
  border-radius: 10px;
}
.respira-v71 .skill-install-cmd {
  flex: 1; min-width: 240px;
  font-size: 13px; color: var(--rp-emerald-300);
  font-family: var(--rp-font-mono);
  user-select: all;
  word-break: break-all;
}
.respira-v71 .skill-install-advanced {
  margin-top: 12px;
}
.respira-v71 .skill-install-advanced summary {
  cursor: pointer; user-select: none;
  font-size: 12px; color: var(--rp-fg-muted);
  padding: 6px 0; list-style: none;
}
.respira-v71 .skill-install-advanced summary::-webkit-details-marker { display: none; }
.respira-v71 .skill-install-advanced summary::before {
  content: "▸"; display: inline-block; margin-right: 8px;
  color: var(--rp-fg-dim); font-size: 10px;
  transition: transform .15s ease;
}
.respira-v71 .skill-install-advanced[open] summary::before { transform: rotate(90deg); }
.respira-v71 .skill-install-advanced summary:hover { color: var(--rp-fg); }
.respira-v71 .skill-install-block {
  font-family: var(--rp-font-mono); font-size: 12px; line-height: 1.6;
  padding: 14px 16px; margin: 10px 0 0;
  background: #07090b; border: 1px solid var(--rp-border);
  border-radius: 8px; color: var(--rp-fg);
  white-space: pre-wrap;
}

/* Per-card "Read SKILL.md" link */
.respira-v71 .skill-readmd {
  margin-left: auto;
  font-size: 12px; font-family: var(--rp-font-mono);
  color: var(--rp-emerald-400);
  text-decoration: none;
  padding: 6px 10px; border-radius: 6px;
  border: 1px solid rgba(16,185,129,.20);
  transition: background .15s ease, color .15s ease;
}
.respira-v71 .skill-readmd:hover { background: rgba(16,185,129,.08); color: var(--rp-emerald-300); }

/* Link buttons in the empty Build-your-own state */
.respira-v71 .link-btn {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 10px 16px; border-radius: 8px;
  border: 1px solid var(--rp-border);
  background: var(--rp-surface);
  color: var(--rp-fg); font-size: 13px;
  text-decoration: none;
  transition: border-color .15s, background .15s;
}
.respira-v71 .link-btn:hover { border-color: var(--rp-fg-dim); background: var(--rp-surface-elevated); }

.respira-v71 .snapshot-storage-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--rp-border);
  border-radius: 8px;
  background: var(--rp-surface-sunken, rgba(255,255,255,.03));
  color: var(--rp-fg-muted);
  font-size: 12px;
}
.respira-v71 .snapshot-storage-bar strong {
  color: var(--rp-fg);
}
.respira-v71 .snapshot-storage-bar button {
  border: 1px solid var(--rp-border);
  background: transparent;
  color: var(--rp-fg);
  border-radius: 6px;
  padding: 5px 9px;
  cursor: pointer;
  font-size: 11px;
  font-family: var(--rp-font-mono);
}
.respira-v71 .snapshot-storage-bar button:first-of-type {
  margin-left: auto;
}
.respira-v71 .snapshot-storage-bar button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

/* ──────────────────────────────────────────────────────────────────────── */
/* v7.1 Playbooks screen                                                    */
/* ──────────────────────────────────────────────────────────────────────── */

.respira-v71 .pb-screen { padding: 28px 28px 40px; }
.respira-v71 .pb-head { margin-bottom: 18px; }
.respira-v71 .pb-head h1 {
  font-size: 28px;
  line-height: 1.2;
  margin: 0 0 12px;
  color: var(--rp-fg, #e7ecf3);
  font-weight: 600;
}
.respira-v71 .pb-head .screen-lede {
  max-width: 720px;
  color: var(--rp-fg-muted, #b8c2cf);
  font-size: 14px;
  line-height: 1.55;
}

/* Notice.error variant — v71-scoped notice CSS only ships info/warn/success.
   Without this rule the `kind="error"` case falls back to bare .notice, which
   inherits wp-admin's left-bordered-pink default and renders unreadably. */
.respira-v71 .notice.error {
  background: rgba(244, 63, 94, 0.08);
  border-color: rgba(244, 63, 94, 0.28);
  color: var(--rp-fg, #e7ecf3);
}
.respira-v71 .notice.error .icon { color: #f87171; }
.respira-v71 .notice.error .body { color: var(--rp-fg, #e7ecf3); }
.respira-v71 .pb-toolbar {
  display: flex; gap: 12px; align-items: center;
  margin: 14px 0 20px;
}
.respira-v71 .pb-search {
  flex: 1; min-width: 200px;
  padding: 8px 12px;
  background: var(--surface-1, #181d24); color: var(--ink, #e7ecf3);
  border: 1px solid var(--line-1, #2a313b); border-radius: 8px;
  font-size: 13px;
}
.respira-v71 .pb-search:focus { outline: none; border-color: var(--accent, #34d399); }
.respira-v71 .pb-loading { padding: 32px; color: var(--ink-muted, #98a4b3); }
.respira-v71 .pb-empty-prompts { padding-left: 18px; }
.respira-v71 .pb-empty-prompts code {
  background: var(--surface-2, #232a34);
  padding: 2px 6px; border-radius: 4px;
}

.respira-v71 .pb-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) 1fr;
  gap: 24px;
  align-items: flex-start;
}
@media (max-width: 980px) {
  .respira-v71 .pb-layout { grid-template-columns: 1fr; }
}

.respira-v71 .pb-list { display: flex; flex-direction: column; gap: 8px; }
.respira-v71 .pb-row {
  text-align: left;
  background: var(--surface-1, #181d24);
  border: 1px solid var(--line-1, #2a313b);
  border-radius: 10px;
  padding: 14px 16px;
  cursor: pointer;
  transition: background-color 120ms, border-color 120ms;
  font: inherit; color: inherit;
}
.respira-v71 .pb-row:hover { background: var(--surface-2, #1f242c); border-color: var(--line-2, #3b4452); }
.respira-v71 .pb-row-active { border-color: var(--accent, #34d399) !important; }
.respira-v71 .pb-row-main { margin-bottom: 8px; }
.respira-v71 .pb-row-label { font-weight: 600; }
.respira-v71 .pb-row-id { font-size: 11px; color: var(--ink-muted, #98a4b3); margin-top: 2px; }
.respira-v71 .pb-row-id code { background: transparent; padding: 0; }
.respira-v71 .pb-row-desc { font-size: 13px; color: var(--ink-soft, #b8c2cf); margin-top: 6px; }
.respira-v71 .pb-row-meta {
  display: flex; gap: 8px; flex-wrap: wrap;
  font-size: 11px; color: var(--ink-muted, #98a4b3);
  align-items: center;
}
.respira-v71 .pb-row-when { margin-left: auto; }

.respira-v71 .pb-detail-head {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.respira-v71 .pb-detail-head h2 { margin: 0; }
.respira-v71 .pb-detail-actions { display: flex; gap: 8px; flex-shrink: 0; }

.respira-v71 .pb-meta {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px 18px;
  margin-bottom: 22px;
  font-size: 13px;
}
.respira-v71 .pb-meta dt { color: var(--ink-muted, #98a4b3); }
.respira-v71 .pb-meta dd { margin: 0; }
.respira-v71 .pb-meta code { background: var(--surface-2, #232a34); padding: 1px 6px; border-radius: 3px; }

.respira-v71 .pb-section { margin-bottom: 14px; }
.respira-v71 .pb-section > summary {
  cursor: pointer;
  font-weight: 600;
  padding: 8px 0;
  user-select: none;
}
.respira-v71 .pb-section[open] > summary { color: var(--accent, #34d399); }

.respira-v71 .pb-json {
  background: var(--surface-2, #232a34);
  border: 1px solid var(--line-1, #2a313b);
  border-radius: 6px;
  padding: 12px 14px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
  overflow-x: auto;
  white-space: pre;
  margin: 6px 0;
}

.respira-v71 .pb-steps { padding-left: 18px; margin: 6px 0; }
.respira-v71 .pb-steps li { margin-bottom: 12px; }
.respira-v71 .pb-step-tool { font-weight: 600; }
.respira-v71 .pb-step-tool code { background: var(--surface-2, #232a34); padding: 2px 8px; border-radius: 4px; }
.respira-v71 .pb-step-capture { font-size: 12px; color: var(--ink-muted, #98a4b3); margin-top: 2px; }
.respira-v71 .pb-step-capture code { background: transparent; padding: 0; }


/* ──────────────────────────────────────────────────────────────────────────
   v7.1 light-mode token completion. Two real gaps this repairs:
   1. The --ink / --surface-* / --line-* / --accent namespace (used by the
      Playbooks screen and other newer screens) was never defined or flipped,
      so it always resolved to its dark fallbacks (light text, dark/transparent
      surfaces) and broke contrast on the cream light-mode page.
   2. The existing --rp-* light flip was scoped only to .respira-v71.ui-mode-classic.
      Mirror it onto .ui-classic so the flip also applies via the plugin-shell
      class, guaranteeing it reaches every screen in both the plugin and the
      website preview.
   Dark defaults equal the existing fallbacks; light values match the cream
   palette already used by the .respira-v71.ui-mode-classic block. Components
   with an explicit .ui-classic override are unaffected (they set color directly).
   ────────────────────────────────────────────────────────────────────────── */
.respira-v71 {
  --ink: #e7ecf3;
  --ink-soft: #b8c2cf;
  --ink-muted: #98a4b3;
  --surface-1: #181d24;
  --surface-2: #232a34;
  --line-1: #2a313b;
  --line-2: #3b4452;
  --accent: #34d399;
}
.respira-v71.ui-mode-classic,
.ui-classic {
  --ink: #1c1713;
  --ink-soft: #574f47;
  --ink-muted: #6b6358;
  --surface-1: #ffffff;
  --surface-2: #f5f3ee;
  --line-1: #e8e3dc;
  --line-2: #d4cdc5;
  --accent: #0a4f5c;
  --rp-bg: #f9f7f4;
  --rp-surface: #ffffff;
  --rp-surface-elevated: #f5f3ee;
  --rp-surface-overlay: #ede8e1;
  --rp-fg: #1c1713;
  --rp-fg-muted: #574f47;
  --rp-fg-subtle: #9c9187;
  --rp-fg-dim: #b5aaa0;
  --rp-border: #e8e3dc;
  --rp-border-strong: #d4cdc5;
}