@font-face {
  font-family: "Nunito mnml";
  src: url("assets/fonts/nunito-latin-wght.woff2") format("woff2-variations");
  font-style: normal;
  font-weight: 200 1000;
  font-display: block;
}

:root {
  color-scheme: light dark;
  --mnml-canvas: #ffffff;
  --mnml-surface: #ffffff;
  --mnml-surface-raised: #ffffff;
  --mnml-surface-subtle: #eef1f4;
  --mnml-header-surface: #f6f8fa;
  --mnml-table-header-surface: #f6f8fa;
  --mnml-text: #1f2328;
  --mnml-text-muted: #656d76;
  --mnml-text-faint: #8c959f;
  --mnml-line: #d0d7de;
  --mnml-line-strong: #afb8c1;
  --mnml-ink: #24292f;
  --mnml-ink-hover: #0d1117;
  --mnml-ink-on: #ffffff;
  --mnml-action-success: #1f883d;
  --mnml-action-success-hover: #1a7f37;
  --mnml-action-success-text: #ffffff;
  --mnml-control-shadow: 0 1px 0 rgb(31 35 40 / 4%);
  --mnml-success: #1a7f37;
  --mnml-success-subtle: #dafbe1;
  --mnml-warning: #7d4e00;
  --mnml-warning-subtle: #fff8c5;
  --mnml-danger: #cf222e;
  --mnml-danger-subtle: #ffebe9;
  --mnml-info: #0969da;
  --mnml-info-subtle: #ddf4ff;
  --mnml-unknown: #656d76;
  --mnml-space-1: 4px;
  --mnml-space-2: 8px;
  --mnml-space-3: 12px;
  --mnml-space-4: 16px;
  --mnml-space-5: 20px;
  --mnml-space-6: 24px;
  --mnml-space-8: 32px;
  --mnml-space-10: 40px;
  --mnml-space-12: 48px;
  --mnml-radius-sm: 2px;
  --mnml-radius-md: 6px;
  --mnml-radius-lg: 10px;
  --mnml-shadow-overlay: 0 8px 24px rgb(31 35 40 / 12%);
  --mnml-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mnml-font-brand: "Nunito mnml", ui-rounded, "SF Pro Rounded", "Segoe UI Rounded", sans-serif;
  --mnml-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --mnml-accent: #0969da;
  --mnml-accent-hover: #0550ae;
  --mnml-accent-subtle: #ddf4ff;
  --mnml-mark: #0969da;
  color: var(--mnml-text);
  background: var(--mnml-canvas);
}

[data-theme="light"] {
  color-scheme: light;
  --mnml-canvas: #ffffff;
  --mnml-surface: #ffffff;
  --mnml-surface-raised: #ffffff;
  --mnml-surface-subtle: #eef1f4;
  --mnml-header-surface: #f6f8fa;
  --mnml-table-header-surface: #f6f8fa;
  --mnml-text: #1f2328;
  --mnml-text-muted: #656d76;
  --mnml-text-faint: #8c959f;
  --mnml-line: #d0d7de;
  --mnml-line-strong: #afb8c1;
  --mnml-ink: #24292f;
  --mnml-ink-hover: #0d1117;
  --mnml-ink-on: #ffffff;
  --mnml-action-success: #1f883d;
  --mnml-action-success-hover: #1a7f37;
  --mnml-action-success-text: #ffffff;
  --mnml-control-shadow: 0 1px 0 rgb(31 35 40 / 4%);
  --mnml-success: #1a7f37;
  --mnml-success-subtle: #dafbe1;
  --mnml-warning: #7d4e00;
  --mnml-warning-subtle: #fff8c5;
  --mnml-danger: #cf222e;
  --mnml-danger-subtle: #ffebe9;
  --mnml-info: #0969da;
  --mnml-info-subtle: #ddf4ff;
  --mnml-unknown: #656d76;
}

[data-app="deploy"] {
  --mnml-accent: #0969da;
  --mnml-accent-hover: #0550ae;
  --mnml-accent-subtle: #ddf4ff;
  --mnml-mark: #0969da;
}

[data-app="secrets"] {
  --mnml-accent: #8250df;
  --mnml-accent-hover: #6639ba;
  --mnml-accent-subtle: #f3e8ff;
  --mnml-mark: #8250df;
}

[data-app="backup"] {
  --mnml-accent: #bc4c00;
  --mnml-accent-hover: #953800;
  --mnml-accent-subtle: #fff1e5;
  --mnml-mark: #bc4c00;
}

[data-app="status"] {
  --mnml-accent: #0f766e;
  --mnml-accent-hover: #0b5f59;
  --mnml-accent-subtle: #e5f5f2;
  --mnml-mark: #0f766e;
}

[data-app="id"] {
  --mnml-accent: #bf3989;
  --mnml-accent-hover: #99286d;
  --mnml-accent-subtle: #ffeff7;
  --mnml-mark: #bf3989;
}

[data-status="healthy"] { --mnml-mark: #1a7f37; }
[data-status="degraded"] { --mnml-mark: #9a6700; }
[data-status="failed"] { --mnml-mark: #cf222e; }
[data-status="unknown"] { --mnml-mark: #656d76; }

.mnml-page *, .mnml-reference * { box-sizing: border-box; }
.mnml-page, .mnml-reference { margin: 0; background: var(--mnml-canvas); color: var(--mnml-text); font: 16px/1.5 var(--mnml-font-ui); }
.mnml-page button, .mnml-page input, .mnml-page select, .mnml-page textarea,
.mnml-reference button, .mnml-reference input, .mnml-reference select, .mnml-reference textarea { font: inherit; }
.mnml-page a, .mnml-reference a { color: var(--mnml-accent); text-underline-offset: 2px; }
.mnml-page a:hover, .mnml-reference a:hover { color: var(--mnml-accent-hover); }
.mnml-page h1, .mnml-page h2, .mnml-page h3, .mnml-page p,
.mnml-reference h1, .mnml-reference h2, .mnml-reference h3, .mnml-reference p { margin-top: 0; }
.mnml-page h1, .mnml-page h2, .mnml-page h3,
.mnml-reference h1, .mnml-reference h2, .mnml-reference h3 { letter-spacing: -.02em; }
.mnml-page h1, .mnml-reference h1 { margin-bottom: 8px; font-size: clamp(1.65rem, 4vw, 2.1rem); line-height: 1.2; }
.mnml-page h2, .mnml-reference h2 { margin-bottom: 8px; font-size: 1.3rem; line-height: 1.3; }
.mnml-page h3, .mnml-reference h3 { margin-bottom: 6px; font-size: 1rem; }
.mnml-page p, .mnml-reference p { color: var(--mnml-text-muted); }
.mnml-page code, .mnml-reference code, .mnml-code { font-family: var(--mnml-font-mono); font-size: .9em; }

.mnml-skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; padding: 8px 12px; transform: translateY(-160%); border-radius: var(--mnml-radius-md); background: var(--mnml-ink); color: var(--mnml-ink-on); }
.mnml-skip-link:focus { transform: none; }
.mnml-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.mnml-reading { max-width: 720px; }
.mnml-doc-header { border-bottom: 1px solid var(--mnml-line); background: var(--mnml-surface); }
.mnml-doc-header__inner { padding: 34px 0 26px; }
.mnml-eyebrow { margin-bottom: 5px; color: var(--mnml-text-muted); font-size: .73rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mnml-lede { max-width: 740px; margin-bottom: 18px; font-size: 1rem; }
.mnml-doc-nav { display: flex; overflow-x: auto; gap: 20px; border-top: 1px solid var(--mnml-line); }
.mnml-doc-nav a { flex: none; padding: 11px 0 9px; border-bottom: 2px solid transparent; color: var(--mnml-text-muted); font-size: .86rem; font-weight: 600; text-decoration: none; }
.mnml-doc-nav a:hover, .mnml-doc-nav a:focus-visible { border-color: var(--mnml-accent); color: var(--mnml-text); }
.mnml-section { padding: 42px 0; }
.mnml-section + .mnml-section { border-top: 1px solid var(--mnml-line); }
.mnml-section-heading { display: grid; grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr); gap: 32px; align-items: end; margin-bottom: 20px; }
.mnml-section-heading p { margin-bottom: 0; }

.mnml-wordmark { display: inline-flex; align-items: baseline; white-space: nowrap; font-family: var(--mnml-font-brand); font-size: 24px; font-weight: 760; letter-spacing: -.055em; line-height: 1; }
.mnml-wordmark__family { color: var(--mnml-text); }
.mnml-wordmark__app { color: var(--mnml-accent); }
.mnml-wordmark--small { font-size: 19px; }
.mnml-mark { display: inline-flex; width: 32px; height: 32px; flex: none; align-items: center; justify-content: center; border: 1px solid var(--mnml-line); border-radius: 7px; background: var(--mnml-surface); font-family: var(--mnml-font-brand); font-size: 15px; font-weight: 780; letter-spacing: -.075em; line-height: 1; }
.mnml-mark__family { color: var(--mnml-text); }
.mnml-mark__app { color: var(--mnml-mark); }
.mnml-mark__image { display: block; width: 24px; height: 24px; }

.mnml-brand-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-brand-card { min-width: 0; padding: 22px; }
.mnml-brand-card + .mnml-brand-card { border-left: 1px solid var(--mnml-line); }
.mnml-brand-card .mnml-wordmark { margin: 18px 0 22px; font-size: clamp(20px, 2.6vw, 28px); }
.mnml-brand-card__meta { display: flex; align-items: center; gap: 10px; }
.mnml-brand-card__meta p { margin: 0; font-size: .78rem; }

.mnml-foundation-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 16px; }
.mnml-panel { min-width: 0; max-width: 100%; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-panel__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 46px; padding: 10px 16px; border-bottom: 1px solid var(--mnml-line); background: var(--mnml-header-surface); }
.mnml-panel__header h3, .mnml-panel__header p { margin: 0; }
.mnml-panel__body { min-width: 0; max-width: 100%; padding: 16px; }
.mnml-panel--spaced { margin-top: 16px; }
.mnml-panel-group { display: grid; gap: 0; }
.mnml-panel-group > .mnml-panel-group__item { border-radius: 0; }
.mnml-panel-group > .mnml-panel-group__item:first-child { border-radius: var(--mnml-radius-md) var(--mnml-radius-md) 0 0; }
.mnml-panel-group > .mnml-panel-group__item:last-child { border-radius: 0 0 var(--mnml-radius-md) var(--mnml-radius-md); }
.mnml-panel-group > .mnml-panel-group__item:only-child { border-radius: var(--mnml-radius-md); }
.mnml-panel-group > .mnml-panel-group__item + .mnml-panel-group__item { border-top: 0; }
.mnml-swatches { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.mnml-swatch { min-width: 0; }
.mnml-swatch__color { display: block; height: 42px; margin-bottom: 6px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--swatch); }
.mnml-swatch__color--canvas { --swatch: var(--mnml-canvas); }
.mnml-swatch__color--surface { --swatch: var(--mnml-surface); }
.mnml-swatch__color--header { --swatch: var(--mnml-header-surface); }
.mnml-swatch__color--text { --swatch: var(--mnml-text); }
.mnml-swatch__color--line { --swatch: var(--mnml-line); }
.mnml-swatch small { display: block; overflow: hidden; color: var(--mnml-text-muted); font-family: var(--mnml-font-mono); font-size: .68rem; text-overflow: ellipsis; }
.mnml-type-sample { display: grid; gap: 14px; }
.mnml-type-sample p { margin: 0; }
.mnml-type-brand { font-family: var(--mnml-font-brand); font-size: 28px; font-weight: 760; letter-spacing: -.05em; }
.mnml-type-brand span { color: var(--mnml-accent); }
.mnml-type-ui { color: var(--mnml-text); font-size: 16px; font-weight: 600; }

.mnml-app-frame { overflow: hidden; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-lg); background: var(--mnml-canvas); }
.mnml-app-frame + .mnml-app-frame { margin-top: 24px; }
.mnml-app-bar { background: var(--mnml-header-surface); }
.mnml-app-bar__top { display: flex; min-height: 58px; align-items: center; gap: 12px; padding: 0 18px; }
.mnml-app-bar__account { margin-left: auto; color: var(--mnml-text-muted); font-size: 14px; }
.mnml-app-nav { display: flex; overflow-x: auto; gap: 20px; padding: 0 18px; }
.mnml-app-bar .mnml-app-nav a { flex: none; padding: 10px 0 8px; border-bottom: 2px solid transparent; color: var(--mnml-text-muted); font-size: 14px; font-weight: 600; text-decoration: none; }
.mnml-app-bar .mnml-app-nav a[aria-current="page"] { border-color: var(--mnml-accent); color: var(--mnml-text); }
.mnml-app-bar .mnml-app-nav a:hover { color: var(--mnml-accent); }
.mnml-app-content { padding: 24px; }
.mnml-page-head { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.mnml-page-head h2 { margin-bottom: 3px; }
.mnml-page-head p { margin-bottom: 0; }

.mnml-button-row { display: flex; flex-wrap: wrap; gap: 8px; }
.mnml-button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 6px 13px; border: 1px solid transparent; border-radius: var(--mnml-radius-md); font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer; }
.mnml-button:focus-visible, .mnml-field:focus, .is-focus { outline: 2px solid var(--mnml-accent); outline-offset: 2px; }
.mnml-button--primary { border-color: var(--mnml-ink); background: var(--mnml-ink); color: var(--mnml-ink-on); }
.mnml-button--primary:hover { border-color: var(--mnml-ink-hover); background: var(--mnml-ink-hover); color: var(--mnml-ink-on); }
.mnml-button--success { border-color: var(--mnml-action-success); background: var(--mnml-action-success); color: var(--mnml-action-success-text); }
.mnml-button--success:hover { border-color: var(--mnml-action-success-hover); background: var(--mnml-action-success-hover); color: var(--mnml-action-success-text); }
.mnml-button--secondary { border-color: var(--mnml-line); background: var(--mnml-header-surface); color: var(--mnml-text); box-shadow: var(--mnml-control-shadow); }
.mnml-button--secondary:hover { border-color: var(--mnml-line-strong); background: var(--mnml-surface-subtle); color: var(--mnml-text); }
.mnml-button--danger { border-color: var(--mnml-danger); background: var(--mnml-danger); color: #fff; }
.mnml-button:disabled { border-color: var(--mnml-line); background: var(--mnml-surface-subtle); color: var(--mnml-text-faint); cursor: not-allowed; }

.mnml-component-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mnml-stack { display: grid; gap: 14px; }
.mnml-field-group { display: grid; gap: 5px; }
.mnml-label { font-size: .82rem; font-weight: 600; }
.mnml-field { width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid var(--mnml-line-strong); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); color: var(--mnml-text); }
.mnml-field::placeholder { color: var(--mnml-text-faint); }
.mnml-field[aria-invalid="true"] { border-color: var(--mnml-danger); }
.mnml-field:disabled { background: var(--mnml-surface-subtle); color: var(--mnml-text-faint); }
.mnml-help { color: var(--mnml-text-muted); font-size: .75rem; }
.mnml-error { color: var(--mnml-danger); font-size: .75rem; }
.mnml-badge-row { display: flex; flex-wrap: wrap; gap: 7px; }
.mnml-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 2px 8px; border: 1px solid var(--badge-color, var(--mnml-line)); border-radius: 999px; background: var(--badge-bg, var(--mnml-surface-subtle)); color: var(--badge-color, var(--mnml-text-muted)); font-size: .72rem; font-weight: 650; white-space: nowrap; }
.mnml-badge::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; }
.mnml-badge--success { --badge-color: var(--mnml-success); --badge-bg: var(--mnml-success-subtle); }
.mnml-badge--warning { --badge-color: var(--mnml-warning); --badge-bg: var(--mnml-warning-subtle); }
.mnml-badge--danger { --badge-color: var(--mnml-danger); --badge-bg: var(--mnml-danger-subtle); }
.mnml-badge--info { --badge-color: var(--mnml-info); --badge-bg: var(--mnml-info-subtle); }
.mnml-badge--muted { --badge-color: var(--mnml-text-muted); --badge-bg: var(--mnml-surface-subtle); }
.mnml-alert { padding: 13px 15px; border: 1px solid var(--alert-color); border-radius: var(--mnml-radius-md); background: var(--alert-bg); }
.mnml-alert strong { display: block; margin-bottom: 2px; color: var(--mnml-text); }
.mnml-alert p { margin: 0; }
.mnml-alert--info { --alert-color: var(--mnml-info); --alert-bg: var(--mnml-info-subtle); }
.mnml-alert--danger { --alert-color: var(--mnml-danger); --alert-bg: var(--mnml-danger-subtle); }
.mnml-empty { padding: 28px 18px; text-align: center; }
.mnml-empty h3 { margin-bottom: 4px; }
.mnml-empty p { max-width: 430px; margin: 0 auto 14px; }

.mnml-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.mnml-summary { padding: 14px 16px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-summary strong { display: block; font-size: 1.35rem; letter-spacing: -.03em; }
.mnml-summary span { color: var(--mnml-text-muted); font-size: .78rem; }
.mnml-table-wrap { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-table { width: max-content; min-width: 100%; border-collapse: collapse; }
.mnml-panel .mnml-table-wrap { border-radius: 0; }
.mnml-panel > .mnml-table-wrap { border: 0; }
.mnml-table th, .mnml-table td { padding: 10px 13px; border-bottom: 1px solid var(--mnml-line); text-align: left; vertical-align: middle; }
.mnml-table th { background: var(--mnml-table-header-surface); color: var(--mnml-text-muted); font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.mnml-table td { font-size: 14px; }
.mnml-table tbody tr:last-child td { border-bottom: 0; }
.mnml-table tbody tr:hover { background: var(--mnml-accent-subtle); }
.mnml-table a { font-weight: 600; text-decoration: none; }
.mnml-table .mnml-muted { color: var(--mnml-text-muted); }

.mnml-status-banner { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 15px 16px; border: 1px solid var(--mnml-success); border-radius: var(--mnml-radius-md); background: var(--mnml-success-subtle); }
.mnml-status-banner__dot { width: 11px; height: 11px; flex: none; border-radius: 50%; background: var(--mnml-success); }
.mnml-status-banner strong { display: block; }
.mnml-status-banner p { margin: 0; }
.mnml-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.mnml-service { padding: 14px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-service__head { display: flex; align-items: start; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.mnml-service__head h3 { margin: 0; }
.mnml-service__track { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3px; }
.mnml-service__track span { height: 18px; border-radius: var(--mnml-radius-sm); background: var(--mnml-success); }
.mnml-service__track .warning { background: var(--mnml-warning); }

.mnml-status-marks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mnml-status-mark { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-status-mark strong { display: block; font-size: .8rem; }
.mnml-status-mark span:last-child { display: block; color: var(--mnml-text-muted); font-size: .7rem; }

.mnml-theme-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; border: 1px solid var(--mnml-line-strong); border-radius: var(--mnml-radius-lg); }
.mnml-theme-card { min-width: 0; padding: 20px; background: var(--mnml-canvas); color: var(--mnml-text); }
.mnml-theme-card + .mnml-theme-card { border-left: 1px solid var(--mnml-line-strong); }
.mnml-theme-card__label { margin-bottom: 12px; color: var(--mnml-text-muted); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.mnml-theme-card .mnml-app-frame { border-radius: var(--mnml-radius-md); }
.mnml-theme-card .mnml-app-content { padding: 16px; }
.mnml-theme-card .mnml-app-bar__top { min-height: 52px; padding-inline: 14px; }

@media (prefers-color-scheme: dark) {
  :root {
    --mnml-canvas: #0d1117;
    --mnml-surface: #161b22;
    --mnml-surface-raised: #21262d;
    --mnml-surface-subtle: #21262d;
    --mnml-header-surface: #161b22;
    --mnml-table-header-surface: #21262d;
    --mnml-text: #e6edf3;
    --mnml-text-muted: #8c959f;
    --mnml-text-faint: #6e7681;
    --mnml-line: #30363d;
    --mnml-line-strong: #484f58;
    --mnml-ink: #f0f6fc;
    --mnml-ink-hover: #ffffff;
    --mnml-ink-on: #0d1117;
    --mnml-action-success: #238636;
    --mnml-action-success-hover: #2ea043;
    --mnml-action-success-text: #ffffff;
    --mnml-control-shadow: 0 1px 0 rgb(255 255 255 / 4%);
    --mnml-success: #3fb950;
    --mnml-success-subtle: #172b1d;
    --mnml-warning: #d29922;
    --mnml-warning-subtle: #332b16;
    --mnml-danger: #f85149;
    --mnml-danger-subtle: #3d1f23;
    --mnml-info: #58a6ff;
    --mnml-info-subtle: #1f2d3d;
    --mnml-unknown: #8c959f;
  }
  [data-app="deploy"] { --mnml-accent: #58a6ff; --mnml-accent-hover: #79c0ff; --mnml-accent-subtle: #1f2d3d; --mnml-mark: #58a6ff; }
  [data-app="secrets"] { --mnml-accent: #bc8cff; --mnml-accent-hover: #d2a8ff; --mnml-accent-subtle: #2d2440; --mnml-mark: #bc8cff; }
  [data-app="backup"] { --mnml-accent: #ffa657; --mnml-accent-hover: #ffb77c; --mnml-accent-subtle: #332319; --mnml-mark: #ffa657; }
  [data-app="status"] { --mnml-accent: #39d0c3; --mnml-accent-hover: #56ded2; --mnml-accent-subtle: #163631; --mnml-mark: #39d0c3; }
  [data-app="id"] { --mnml-accent: #f778ba; --mnml-accent-hover: #ff9bce; --mnml-accent-subtle: #3a2031; --mnml-mark: #f778ba; }
  [data-status="healthy"] { --mnml-mark: #238636; }
  [data-status="degraded"] { --mnml-mark: #9e6a03; }
  [data-status="failed"] { --mnml-mark: #da3633; }
  [data-status="unknown"] { --mnml-mark: #6e7681; }
}

[data-theme="dark"] {
  color-scheme: dark;
  --mnml-canvas: #0d1117;
  --mnml-surface: #161b22;
  --mnml-surface-raised: #21262d;
  --mnml-surface-subtle: #21262d;
  --mnml-header-surface: #161b22;
  --mnml-table-header-surface: #21262d;
  --mnml-text: #e6edf3;
  --mnml-text-muted: #8c959f;
  --mnml-text-faint: #6e7681;
  --mnml-line: #30363d;
  --mnml-line-strong: #484f58;
  --mnml-ink: #f0f6fc;
  --mnml-ink-hover: #ffffff;
  --mnml-ink-on: #0d1117;
  --mnml-action-success: #238636;
  --mnml-action-success-hover: #2ea043;
  --mnml-action-success-text: #ffffff;
  --mnml-control-shadow: 0 1px 0 rgb(255 255 255 / 4%);
  --mnml-success: #3fb950;
  --mnml-success-subtle: #172b1d;
  --mnml-warning: #d29922;
  --mnml-warning-subtle: #332b16;
  --mnml-danger: #f85149;
  --mnml-danger-subtle: #3d1f23;
  --mnml-info: #58a6ff;
  --mnml-info-subtle: #1f2d3d;
  --mnml-unknown: #8c959f;
}
[data-theme="dark"][data-app="deploy"], [data-theme="dark"] [data-app="deploy"] { --mnml-accent: #58a6ff; --mnml-accent-hover: #79c0ff; --mnml-accent-subtle: #1f2d3d; --mnml-mark: #58a6ff; }
[data-theme="dark"][data-app="secrets"], [data-theme="dark"] [data-app="secrets"] { --mnml-accent: #bc8cff; --mnml-accent-hover: #d2a8ff; --mnml-accent-subtle: #2d2440; --mnml-mark: #bc8cff; }
[data-theme="dark"][data-app="backup"], [data-theme="dark"] [data-app="backup"] { --mnml-accent: #ffa657; --mnml-accent-hover: #ffb77c; --mnml-accent-subtle: #332319; --mnml-mark: #ffa657; }
[data-theme="dark"][data-app="status"], [data-theme="dark"] [data-app="status"] { --mnml-accent: #39d0c3; --mnml-accent-hover: #56ded2; --mnml-accent-subtle: #163631; --mnml-mark: #39d0c3; }
[data-theme="dark"][data-app="id"], [data-theme="dark"] [data-app="id"] { --mnml-accent: #f778ba; --mnml-accent-hover: #ff9bce; --mnml-accent-subtle: #3a2031; --mnml-mark: #f778ba; }
[data-theme="dark"] [data-status="healthy"] { --mnml-mark: #238636; }
[data-theme="dark"] [data-status="degraded"] { --mnml-mark: #9e6a03; }
[data-theme="dark"] [data-status="failed"] { --mnml-mark: #da3633; }
[data-theme="dark"] [data-status="unknown"] { --mnml-mark: #6e7681; }

[data-theme="light"][data-app="deploy"], [data-theme="light"] [data-app="deploy"] { --mnml-accent: #0969da; --mnml-accent-hover: #0550ae; --mnml-accent-subtle: #ddf4ff; --mnml-mark: #0969da; }
[data-theme="light"][data-app="secrets"], [data-theme="light"] [data-app="secrets"] { --mnml-accent: #8250df; --mnml-accent-hover: #6639ba; --mnml-accent-subtle: #f3e8ff; --mnml-mark: #8250df; }
[data-theme="light"][data-app="backup"], [data-theme="light"] [data-app="backup"] { --mnml-accent: #bc4c00; --mnml-accent-hover: #953800; --mnml-accent-subtle: #fff1e5; --mnml-mark: #bc4c00; }
[data-theme="light"][data-app="status"], [data-theme="light"] [data-app="status"] { --mnml-accent: #0f766e; --mnml-accent-hover: #0b5f59; --mnml-accent-subtle: #e5f5f2; --mnml-mark: #0f766e; }
[data-theme="light"][data-app="id"], [data-theme="light"] [data-app="id"] { --mnml-accent: #bf3989; --mnml-accent-hover: #99286d; --mnml-accent-subtle: #ffeff7; --mnml-mark: #bf3989; }
[data-theme="light"] [data-status="healthy"] { --mnml-mark: #1a7f37; }
[data-theme="light"] [data-status="degraded"] { --mnml-mark: #9a6700; }
[data-theme="light"] [data-status="failed"] { --mnml-mark: #cf222e; }
[data-theme="light"] [data-status="unknown"] { --mnml-mark: #656d76; }

@media (max-width: 900px) {
  .mnml-brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mnml-brand-card { border-top: 1px solid var(--mnml-line); }
  .mnml-brand-card:nth-child(-n + 2) { border-top: 0; }
  .mnml-brand-card:nth-child(odd) { border-left: 0; }
  .mnml-foundation-grid { grid-template-columns: 1fr; }
  .mnml-service-grid { grid-template-columns: 1fr; }
  .mnml-status-marks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  .mnml-container { width: min(100% - 24px, 1180px); }
  .mnml-section { padding: 30px 0; }
  .mnml-section-heading { grid-template-columns: 1fr; gap: 5px; }
  .mnml-brand-grid, .mnml-component-grid, .mnml-theme-grid { grid-template-columns: 1fr; }
  .mnml-brand-card + .mnml-brand-card, .mnml-brand-card { border-top: 1px solid var(--mnml-line); border-left: 0; }
  .mnml-brand-card:first-child { border-top: 0; }
  .mnml-theme-card + .mnml-theme-card { border-top: 1px solid var(--mnml-line-strong); border-left: 0; }
  .mnml-app-bar__account { max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mnml-app-content { padding: 18px 14px; }
  .mnml-page-head { align-items: stretch; flex-direction: column; }
  .mnml-page-head .mnml-button { width: 100%; }
  .mnml-summary-grid { grid-template-columns: 1fr; }
  .mnml-status-marks { grid-template-columns: 1fr; }
  .mnml-swatches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (pointer: coarse) {
  .mnml-button, .mnml-field { min-height: 44px; }
  .mnml-app-nav a, .mnml-doc-nav a { padding-top: 13px; padding-bottom: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Live application shell. */
.mnml-page { min-height: 100vh; background: var(--mnml-canvas); color: var(--mnml-text); }
.mnml-app-bar { display: block; width: 100%; height: auto; padding: 0; border-bottom: 1px solid var(--mnml-line); background: var(--mnml-header-surface); color: var(--mnml-text); }
.mnml-app-bar__top,
.mnml-app-nav { width: min(1180px, calc(100% - 32px)); margin-inline: auto; padding-inline: 0; }
.mnml-app-bar__brand { display: inline-flex; align-items: center; gap: 10px; color: inherit; text-decoration: none; }
.mnml-app-bar__brand:hover { color: inherit; }
.mnml-app-bar__brand-mark { display: block; width: 28px; height: 28px; }
.mnml-app-bar__wordmark { font-size: 21px; }
.mnml-app-bar__actions { display: flex; align-items: center; gap: 14px; margin-left: auto; }
.mnml-app-bar .mnml-app-bar__actions a,
.mnml-app-bar .mnml-app-bar__actions button { color: var(--mnml-text-muted); font-size: 14px; font-weight: 600; }
.mnml-app-bar .mnml-app-bar__actions a:hover,
.mnml-app-bar .mnml-app-bar__actions button:hover { color: var(--mnml-accent); }
.mnml-link-button { margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
.mnml-live-main { width: min(920px, calc(100% - 32px)); min-width: 0; max-width: 100%; margin-inline: auto; padding: 28px 0 64px; }
.mnml-live-shell > .page-grid,
.mnml-live-shell > .content,
.mnml-live-shell > main { width: min(1180px, calc(100% - 32px)); margin-inline: auto; padding: 28px 0 64px; }
.mnml-page .page-grid { display: grid; gap: 18px; }
.mnml-page .page-heading { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.mnml-page .page-heading h1,
.mnml-page .page-heading h2 { margin-bottom: 3px; }
.mnml-page .page-heading p { margin-bottom: 0; }
.mnml-page .panel { overflow: hidden; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-page .panel-header { display: flex; align-items: start; justify-content: space-between; gap: 16px; min-height: 46px; padding: 10px 16px; border-bottom: 1px solid var(--mnml-line); background: var(--mnml-header-surface); }
.mnml-page .panel-header h2,
.mnml-page .panel-header p { margin: 0; }
.mnml-page .panel-body { padding: 16px; }
.mnml-page .panel-count { color: var(--mnml-text-muted); font-size: .78rem; }
.mnml-page .table-wrap { overflow-x: auto; }
.mnml-page table { width: 100%; border-collapse: collapse; }
.mnml-page th,
.mnml-page td { padding: 10px 13px; border-bottom: 1px solid var(--mnml-line); text-align: left; vertical-align: top; }
.mnml-page th { background: var(--mnml-table-header-surface); color: var(--mnml-text-muted); font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.mnml-page tbody tr:last-child td { border-bottom: 0; }
.mnml-page tbody tr:hover { background: var(--mnml-accent-subtle); }
.mnml-page .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.mnml-page .stat-card { display: block; padding: 14px 16px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); color: inherit; text-decoration: none; }
.mnml-page .stat-card:hover { border-color: var(--mnml-accent); color: inherit; }
.mnml-page .stat-card span,
.mnml-page .stat-card small { display: block; color: var(--mnml-text-muted); }
.mnml-page .stat-card strong { display: block; font-size: 1.35rem; }
.mnml-page .badge { display: inline-flex; align-items: center; gap: 6px; min-height: 24px; padding: 2px 8px; border: 1px solid var(--badge-color, var(--mnml-line)); border-radius: 999px; background: var(--badge-bg, var(--mnml-surface-subtle)); color: var(--badge-color, var(--mnml-text-muted)); font-size: .72rem; font-weight: 650; white-space: nowrap; }
.mnml-page .badge-dot { width: 7px; height: 7px; border-radius: 50%; background: currentcolor; }
.mnml-page .badge-success { --badge-color: var(--mnml-success); --badge-bg: var(--mnml-success-subtle); }
.mnml-page .badge-warning { --badge-color: var(--mnml-warning); --badge-bg: var(--mnml-warning-subtle); }
.mnml-page .badge-danger { --badge-color: var(--mnml-danger); --badge-bg: var(--mnml-danger-subtle); }
.mnml-page .alert { padding: 13px 15px; border: 1px solid var(--mnml-danger); border-radius: var(--mnml-radius-md); background: var(--mnml-danger-subtle); }
.mnml-page .alert strong { display: block; }
.mnml-page .button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 6px 13px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); color: var(--mnml-text); font-weight: 600; cursor: pointer; }
.mnml-page .button:hover { border-color: var(--mnml-line-strong); background: var(--mnml-surface-subtle); }
.mnml-page .button-primary { border-color: var(--mnml-ink); background: var(--mnml-ink); color: var(--mnml-ink-on); }
.mnml-page .button-compact { min-height: 30px; padding: 4px 9px; font-size: .75rem; }
.mnml-page .form-grid { display: grid; gap: 14px; }
.mnml-page .form-grid-wide { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); align-items: end; }
.mnml-page .field { display: grid; gap: 5px; font-size: .82rem; font-weight: 600; }
.mnml-page .field input,
.mnml-page .field select,
.mnml-page .field textarea { width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid var(--mnml-line-strong); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); color: var(--mnml-text); }
.mnml-page .form-actions { display: flex; align-items: end; }
.mnml-page .inline-form { display: flex; align-items: center; gap: 8px; }
.mnml-page .definition-grid,
.mnml-page .metadata-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px 20px; }
.mnml-page .definition-grid span,
.mnml-page .metadata-list dt,
.mnml-page .cell-note,
.mnml-page .muted { color: var(--mnml-text-muted); font-size: .78rem; }
.mnml-page .tag-list { display: flex; flex-wrap: wrap; gap: 6px; }
.mnml-page .tag-list span { padding: 2px 7px; border: 1px solid var(--mnml-line); border-radius: 999px; color: var(--mnml-text-muted); font-size: .72rem; }
.mnml-page .empty-state { padding: 28px 18px; color: var(--mnml-text-muted); text-align: center; }
.mnml-live-main--narrow { max-width: 920px; }
.mnml-section-stack { display: grid; min-width: 0; max-width: 100%; gap: 18px; }
.mnml-section-stack > * { min-width: 0; max-width: 100%; }
.mnml-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
.mnml-card { padding: 16px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-card h2, .mnml-card h3, .mnml-card p { margin-bottom: 6px; }
.mnml-card__head { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.mnml-card__head > :last-child { flex: none; }
.mnml-muted { color: var(--mnml-text-muted); }
.mnml-small { font-size: 13px; }
.mnml-list { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mnml-list-row { padding: 12px 14px; border: 1px solid var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); }
.mnml-metadata { display: grid; grid-template-columns: minmax(130px, .35fr) 1fr; gap: 8px 20px; margin: 0; }
.mnml-metadata dt { color: var(--mnml-text-muted); }
.mnml-metadata dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.mnml-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mnml-tag { padding: 2px 7px; border: 1px solid var(--mnml-line); border-radius: 999px; color: var(--mnml-text-muted); font-size: .72rem; }
.mnml-table form { margin: 0; }
.mnml-button--compact { min-height: 30px; padding: 4px 10px; font-size: 14px; }
.mnml-button--link { min-height: auto; padding: 0; color: var(--mnml-accent); }
.mnml-button--link:hover { color: var(--mnml-accent-hover); text-decoration: underline; }
.mnml-form-grid { display: grid; max-width: 720px; gap: 14px; }
.mnml-form-grid--wide { max-width: none; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); align-items: end; }
.mnml-field-group input,
.mnml-field-group select,
.mnml-field-group textarea { width: 100%; min-height: 36px; padding: 7px 10px; border: 1px solid var(--mnml-line-strong); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); color: var(--mnml-text); }
.mnml-field-group textarea { min-height: 92px; resize: vertical; }
.mnml-field-group input:focus,
.mnml-field-group select:focus,
.mnml-field-group textarea:focus { outline: 2px solid var(--mnml-accent); outline-offset: 2px; }
.mnml-inline-form { display: flex; flex-wrap: wrap; align-items: end; gap: 8px; }
.mnml-inline-form .mnml-field-group { min-width: 150px; }
.mnml-breadcrumbs { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 12px; color: var(--mnml-text-muted); font-size: .82rem; }
.mnml-login-page { display: grid; min-height: 100vh; place-items: center; padding: 24px; }
.mnml-login { width: min(100%, 390px); }
.mnml-login__brand { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 22px; }
.mnml-login__brand .mnml-app-bar__brand-mark { width: 32px; height: 32px; }
.mnml-login__brand .mnml-app-bar__wordmark { font-size: 26px; }
.mnml-login .mnml-panel__body { display: grid; gap: 14px; }
.mnml-login .mnml-button { width: 100%; }
.mnml-login__switch { margin: 14px 0 0; text-align: center; font-size: .78rem; }
.mnml-status-icon { display: inline-flex; color: var(--mnml-mark); }
.mnml-status-icon svg { display: block; width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.mnml-history { display: grid; grid-template-columns: repeat(90, minmax(1px, 1fr)); height: 24px; gap: 1px; }
.mnml-history i { min-width: 0; border-radius: 1px; background: var(--mnml-unknown); }
.mnml-history .status-green { background: var(--mnml-success); }
.mnml-history .status-yellow { background: var(--mnml-warning); }
.mnml-history .status-red { background: var(--mnml-danger); }
.mnml-history .status-gray { background: var(--mnml-unknown); }

/* Existing Mnmlbackup and Mnmlstatus content primitives inside the mnml shell. */
.mnml-page > main { color: var(--mnml-text); }
.mnml-page.mnml-live-shell > main,
.mnml-page .overview-shell,
.mnml-page .detail-shell { margin-top: 0; padding-top: 28px; }
.mnml-page .stat,
.mnml-page .card,
.mnml-page .detail-grid > div,
.mnml-page .detail-panel,
.mnml-page .status-group { border-color: var(--mnml-line); border-radius: var(--mnml-radius-md); background: var(--mnml-surface); box-shadow: none; }
.mnml-page .stat,
.mnml-page .card { padding: 16px; }
.mnml-page .stat span,
.mnml-page .detail-grid span,
.mnml-page .eyebrow,
.mnml-page p,
.mnml-page .history-intro,
.mnml-page .status-legend { color: var(--mnml-text-muted); }
.mnml-page .primary-link,
.mnml-page .source-link { color: var(--mnml-accent); }
.mnml-page .service-summary,
.mnml-page .panel-title { background: var(--mnml-header-surface); }
.mnml-page .service-summary:focus-visible,
.mnml-page .component-detail-link:focus-visible,
.mnml-page .component-source-link:focus-visible,
.mnml-page .back-link:focus-visible { outline-color: var(--mnml-accent); }
.mnml-page .component-row:hover { background: var(--mnml-accent-subtle); }
.mnml-page .overall-status { border: 1px solid currentcolor; background: var(--mnml-surface); color: var(--mnml-text); }
.mnml-page .overall-status.status-green { color: var(--mnml-success); background: var(--mnml-success-subtle); }
.mnml-page .overall-status.status-yellow { color: var(--mnml-warning); background: var(--mnml-warning-subtle); }
.mnml-page .overall-status.status-red { color: var(--mnml-danger); background: var(--mnml-danger-subtle); }
.mnml-page .overall-status.status-gray { color: var(--mnml-unknown); background: var(--mnml-surface-subtle); }
.status-header .mnml-wordmark { font-size: inherit; line-height: inherit; }
.mnmlsecrets-page[data-app="secrets"] { --page-background: var(--mnml-canvas); }
body[data-app="backup"] { background: var(--mnml-canvas); }
.detail-nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }

@media (max-width: 680px) {
  .mnml-app-bar__top,
  .mnml-app-nav { width: min(100% - 24px, 1180px); }
  .mnml-live-main { width: min(100% - 24px, 920px); }
  .mnml-app-bar__top { flex-wrap: wrap; padding-block: 10px; }
  .mnml-app-bar__actions { width: 100%; justify-content: flex-end; }
  .mnml-metadata { grid-template-columns: 1fr; gap: 2px; }
  .mnml-metadata dd { margin-bottom: 8px; }
  .mnml-card__head { flex-direction: column; }
}


/* Final live application alignment contract. */
body[data-mnml-ui] {
  --mnml-layout-width: 920px;
  --mnml-page-gutter: 16px;
  --mnml-page-inset: 32px;
  --mnml-space-page: 28px;
  --mnml-space-section: 18px;
  --mnml-panel-header-padding: 14px 18px;
  --mnml-control-height: 36px;
  --mnml-button-height: 32px;
  --mnml-button-padding: 5px 12px;
  --mnml-button-border: rgb(31 35 40 / 15%);
  --mnml-button-shadow: 0 1px 0 rgb(31 35 40 / 4%);
  --mnml-action-success: #1f883d;
  --mnml-action-success-hover: #1a7f37;
  --mnml-action-success-text: #ffffff;
  --page-background: var(--mnml-canvas);
  --surface: var(--mnml-surface);
  --text: var(--mnml-text);
  --muted: var(--mnml-text-muted);
  --line: var(--mnml-line);
  --subtle: var(--mnml-header-surface);
  --hover: var(--mnml-surface-subtle);
  --accent: var(--mnml-accent);
  min-height: 100vh;
  margin: 0;
  background: var(--mnml-canvas);
  color: var(--mnml-text);
  font: 15px/1.5 var(--mnml-font-ui);
}

body[data-mnml-ui][data-layout="wide"] { --mnml-layout-width: 1180px; }
body[data-mnml-ui] * { box-sizing: border-box; }
body[data-mnml-ui] button,
body[data-mnml-ui] input,
body[data-mnml-ui] select,
body[data-mnml-ui] textarea { font: inherit; }

body[data-mnml-ui] .mnml-app-bar__top,
body[data-mnml-ui] .mnml-app-nav,
body[data-mnml-ui] > main,
body[data-mnml-ui] > main.mnml-live-main,
body[data-mnml-ui] > main.admin-shell,
body[data-mnml-ui] > main.overview-shell,
body[data-mnml-ui] > main.detail-shell {
  width: min(var(--mnml-layout-width), calc(100% - var(--mnml-page-inset)));
  max-width: none;
  margin-inline: auto;
}

body[data-mnml-ui] > main { margin-block: 0; padding: var(--mnml-space-page) 0 64px; }
body[data-mnml-ui] > main,
body[data-mnml-ui] .page-grid,
body[data-mnml-ui] .mnml-section-stack,
body[data-mnml-ui] .card-grid,
body[data-mnml-ui] .status-sections,
body[data-mnml-ui] .status-groups {
  min-width: 0;
  max-width: 100%;
}
body[data-mnml-ui] .mnml-app-bar__top { min-height: 58px; padding: 0; }
body[data-mnml-ui] .mnml-app-nav { gap: 20px; padding: 0; }
body[data-mnml-ui] .mnml-app-nav a { min-height: 38px; padding: 9px 0 7px; font-size: 14px; }
body[data-mnml-ui] .mnml-app-bar__actions,
body[data-mnml-ui] .mnml-app-bar__actions a,
body[data-mnml-ui] .mnml-app-bar__actions button { font-size: 14px; }

body[data-mnml-ui] main h1,
body[data-mnml-ui] .page-heading h2,
body[data-mnml-ui] .status-header h1 {
  margin-bottom: 4px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -.025em;
  line-height: 1.2;
}

body[data-mnml-ui] .section-title,
body[data-mnml-ui] .section-title h2 { font-size: 18px; line-height: 1.3; }
body[data-mnml-ui] .mnml-panel__header h2,
body[data-mnml-ui] .panel-header h2,
body[data-mnml-ui] .panel-title,
body[data-mnml-ui] .card h2 { font-size: 15px; line-height: 1.3; }
body[data-mnml-ui] .mnml-page-head p,
body[data-mnml-ui] .page-heading p,
body[data-mnml-ui] .title p,
body[data-mnml-ui] .panel-header p,
body[data-mnml-ui] .mnml-panel__header p,
body[data-mnml-ui] .mnml-small,
body[data-mnml-ui] .muted,
body[data-mnml-ui] .cell-note { font-size: 13px; }
body[data-mnml-ui] small { font-size: 13px; }

body[data-mnml-ui] .mnml-page-head,
body[data-mnml-ui] .page-heading,
body[data-mnml-ui] .title { margin-bottom: 20px; }
body[data-mnml-ui] .mnml-section-stack,
body[data-mnml-ui] .page-grid { gap: var(--mnml-space-section); }
body[data-mnml-ui] .status-sections { gap: 24px; }
body[data-mnml-ui] .status-groups { gap: 12px; }
body[data-mnml-ui] .status-header { margin-bottom: 20px; }
body[data-mnml-ui] .history-intro { margin-top: 28px; }
body[data-mnml-ui] .detail-nav,
body[data-mnml-ui] .detail-header { margin-bottom: 24px; }
body[data-mnml-ui] .detail-panel { margin-top: 18px; }

body[data-mnml-ui] .mnml-panel,
body[data-mnml-ui] .panel,
body[data-mnml-ui] .detail-panel,
body[data-mnml-ui] .status-group,
body[data-mnml-ui] .stat,
body[data-mnml-ui] .stat-card,
body[data-mnml-ui] .card,
body[data-mnml-ui] .detail-grid > div,
body[data-mnml-ui] .login,
body[data-mnml-ui] .login-panel {
  border: 1px solid var(--mnml-line);
  border-radius: var(--mnml-radius-md);
  background: var(--mnml-surface);
  box-shadow: none;
}

body[data-mnml-ui] .mnml-panel__header,
body[data-mnml-ui] .panel-header,
body[data-mnml-ui] .panel-title {
  min-height: 46px;
  padding: var(--mnml-panel-header-padding);
  border-bottom: 1px solid var(--mnml-line);
  background: var(--mnml-header-surface);
}

body[data-mnml-ui] .panel-title {
  display: flex;
  align-items: center;
}

body[data-mnml-ui] .mnml-panel__body,
body[data-mnml-ui] .panel-body { padding: 16px; }
body[data-mnml-ui] .stat,
body[data-mnml-ui] .stat-card,
body[data-mnml-ui] .card { padding: 16px; }

body[data-mnml-ui] .mnml-panel-group {
  display: grid;
  gap: 0;
}

body[data-mnml-ui] .mnml-panel-group > .mnml-panel-group__item { border-radius: 0; }
body[data-mnml-ui] .mnml-panel-group > .mnml-panel-group__item:first-child { border-radius: var(--mnml-radius-md) var(--mnml-radius-md) 0 0; }
body[data-mnml-ui] .mnml-panel-group > .mnml-panel-group__item:last-child { border-radius: 0 0 var(--mnml-radius-md) var(--mnml-radius-md); }
body[data-mnml-ui] .mnml-panel-group > .mnml-panel-group__item:only-child { border-radius: var(--mnml-radius-md); }
body[data-mnml-ui] .mnml-panel-group > .mnml-panel-group__item + .mnml-panel-group__item { border-top: 0; }

body[data-mnml-ui] .mnml-table-wrap,
body[data-mnml-ui] .table-wrap,
body[data-mnml-ui] .panel {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

body[data-mnml-ui] table {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}

body[data-mnml-ui] table.mnml-table--constrained {
  width: 100%;
  min-width: 960px;
  table-layout: fixed;
}

body[data-mnml-ui] table.mnml-table--constrained th,
body[data-mnml-ui] table.mnml-table--constrained td {
  overflow-wrap: anywhere;
  white-space: normal;
}

body[data-mnml-ui] table.mnml-table--constrained .secret-name,
body[data-mnml-ui] table.mnml-table--constrained .metadata-list,
body[data-mnml-ui] table.mnml-table--constrained .inline-form {
  min-width: 0;
  max-width: 100%;
}

body[data-mnml-ui] table.mnml-table--constrained .inline-form { flex-wrap: wrap; }
body[data-mnml-ui] table.mnml-table--constrained .inline-form textarea { width: 100%; min-width: 0; }

body[data-mnml-ui] th,
body[data-mnml-ui] td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--mnml-line);
  text-align: left;
  vertical-align: top;
}

body[data-mnml-ui] th {
  background: var(--mnml-table-header-surface);
  color: var(--mnml-text-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-mnml-ui] td { font-size: 14px; }
body[data-mnml-ui] tbody tr:last-child td { border-bottom: 0; }
body[data-mnml-ui] tbody tr:hover { background: var(--mnml-accent-subtle); }

body[data-mnml-ui] input,
body[data-mnml-ui] select,
body[data-mnml-ui] textarea {
  min-height: var(--mnml-control-height);
  padding: 7px 10px;
  border: 1px solid var(--mnml-line-strong);
  border-radius: var(--mnml-radius-md);
  outline: none;
  background: var(--mnml-surface);
  color: var(--mnml-text);
  box-shadow: none;
}

body[data-mnml-ui] button:not(.mnml-link-button),
body[data-mnml-ui] .button,
body[data-mnml-ui] .mnml-button {
  min-height: var(--mnml-button-height);
  padding: var(--mnml-button-padding);
  border: 1px solid var(--mnml-button-border);
  border-radius: var(--mnml-radius-md);
  background: var(--mnml-header-surface);
  color: var(--mnml-text);
  box-shadow: var(--mnml-button-shadow);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}

body[data-mnml-ui] button:not(.mnml-link-button):hover,
body[data-mnml-ui] .button:hover,
body[data-mnml-ui] .mnml-button:hover {
  border-color: var(--mnml-line-strong);
  background: var(--mnml-surface-subtle);
}

body[data-mnml-ui] .button.button-primary,
body[data-mnml-ui] .mnml-button.mnml-button--primary,
body[data-mnml-ui] button.mnml-button--success,
body[data-mnml-ui] .login button[type="submit"] {
  border-color: var(--mnml-button-border);
  background: var(--mnml-action-success);
  color: var(--mnml-action-success-text);
}

body[data-mnml-ui] .button.button-primary:hover,
body[data-mnml-ui] .mnml-button.mnml-button--primary:hover,
body[data-mnml-ui] button.mnml-button--success:hover,
body[data-mnml-ui] .login button[type="submit"]:hover {
  border-color: var(--mnml-button-border);
  background: var(--mnml-action-success-hover);
  color: var(--mnml-action-success-text);
}

body[data-mnml-ui] .button.mnml-button--secondary,
body[data-mnml-ui] .mnml-button.mnml-button--secondary {
  border-color: var(--mnml-button-border);
  background: var(--mnml-header-surface);
  color: var(--mnml-text);
  box-shadow: var(--mnml-button-shadow);
}

body[data-mnml-ui] .button.mnml-button--secondary:hover,
body[data-mnml-ui] .mnml-button.mnml-button--secondary:hover {
  border-color: var(--mnml-line-strong);
  background: var(--mnml-surface-subtle);
  color: var(--mnml-text);
}

body[data-mnml-ui] .button.button-compact,
body[data-mnml-ui] .mnml-button.mnml-button--compact,
body[data-mnml-ui] button.mnml-button--compact { min-height: 30px; padding: 4px 10px; font-size: 14px; white-space: nowrap; }
body[data-mnml-ui] .button.button-block,
body[data-mnml-ui] .login button[type="submit"] { width: 100%; min-height: 38px; }
body[data-mnml-ui] .button-danger,
body[data-mnml-ui] .mnml-button--danger { border-color: var(--mnml-danger); background: var(--mnml-danger); color: #fff; }
body[data-mnml-ui] .button.button-danger:hover,
body[data-mnml-ui] .mnml-button.mnml-button--danger:hover { border-color: var(--mnml-danger); background: var(--mnml-danger); color: #fff; }
body[data-mnml-ui] input:focus,
body[data-mnml-ui] select:focus,
body[data-mnml-ui] textarea:focus,
body[data-mnml-ui] button:focus-visible,
body[data-mnml-ui] a:focus-visible,
body[data-mnml-ui] summary:focus-visible {
  outline: 2px solid var(--mnml-accent);
  outline-offset: 2px;
  box-shadow: none;
}

body[data-mnml-ui] :disabled {
  border-color: var(--mnml-line);
  background: var(--mnml-surface-subtle);
  color: var(--mnml-text-faint);
  box-shadow: none;
  cursor: not-allowed;
}
body[data-mnml-ui] button:disabled,
body[data-mnml-ui] .button:disabled,
body[data-mnml-ui] .mnml-button:disabled,
body[data-mnml-ui] .login button:disabled {
  border-color: var(--mnml-line);
  background: var(--mnml-surface-subtle);
  color: var(--mnml-text-faint);
  box-shadow: none;
}

body[data-mnml-ui] .empty-state,
body[data-mnml-ui] .mnml-empty,
body[data-mnml-ui] td.empty { padding: 28px 18px; color: var(--mnml-text-muted); text-align: center; }
body[data-mnml-ui] .alert,
body[data-mnml-ui] .mnml-alert,
body[data-mnml-ui] .error-block { padding: 13px 15px; border-radius: var(--mnml-radius-md); }
body[data-mnml-ui] .badge,
body[data-mnml-ui] .mnml-badge,
body[data-mnml-ui] .status { font-size: 12px; }
body[data-mnml-ui] .metadata-list,
body[data-mnml-ui] .definition-grid > div > span,
body[data-mnml-ui] .definition-row > span,
body[data-mnml-ui] .detail-grid span,
body[data-mnml-ui] .eyebrow { font-size: 12px; }

body[data-mnml-ui].mnmlsecrets-login-page > .login-shell,
body[data-mnml-ui][data-app="backup"] > .login { width: min(390px, calc(100% - var(--mnml-page-inset))); }

@media (prefers-color-scheme: dark) {
  body[data-mnml-ui] {
    --mnml-button-border: rgb(240 246 252 / 10%);
    --mnml-button-shadow: none;
    --mnml-action-success: #238636;
    --mnml-action-success-hover: #2ea043;
  }
}

@media (max-width: 680px) {
  body[data-mnml-ui] {
    --mnml-page-gutter: 12px;
    --mnml-page-inset: 24px;
    --mnml-space-page: 24px;
    --mnml-panel-header-padding: 14px;
  }

  body[data-mnml-ui] .mnml-app-bar__top { flex-wrap: wrap; padding-block: 10px; }
  body[data-mnml-ui] .mnml-app-bar__actions { width: 100%; justify-content: flex-end; }
  body[data-mnml-ui] main h1,
  body[data-mnml-ui] .page-heading h2,
  body[data-mnml-ui] .status-header h1 { font-size: 26px; }
  body[data-mnml-ui] .form-grid,
  body[data-mnml-ui] .form-grid-wide,
  body[data-mnml-ui] .stats-grid,
  body[data-mnml-ui] .stats-grid-two,
  body[data-mnml-ui] .attention-grid,
  body[data-mnml-ui] .definition-grid,
  body[data-mnml-ui] .detail-grid { grid-template-columns: 1fr; }
  body[data-mnml-ui] button:not(.mnml-link-button),
  body[data-mnml-ui] .button:not(.mnml-link-button),
  body[data-mnml-ui] .mnml-button:not(.mnml-link-button),
  body[data-mnml-ui] .login button[type="submit"],
  body[data-mnml-ui] input,
  body[data-mnml-ui] select,
  body[data-mnml-ui] textarea { min-height: 44px; }
}

@media (pointer: coarse) {
  body[data-mnml-ui] button:not(.mnml-link-button),
  body[data-mnml-ui] .button:not(.mnml-link-button),
  body[data-mnml-ui] .mnml-button:not(.mnml-link-button),
  body[data-mnml-ui] .login button[type="submit"],
  body[data-mnml-ui] input,
  body[data-mnml-ui] select,
  body[data-mnml-ui] textarea { min-height: 44px; }
}