/* App adapter for the unmodified, pinned @couchdicks/ui v1.5.1 assets. */
body.cd-app {
  --paper: var(--cd-bg);
  --red: var(--cd-accent);
  --green: var(--cd-good);
  --sans: 'IBM Plex Mono', ui-monospace, monospace;
  --serif: Georgia, 'Times New Roman', serif;
  font-family: var(--sans);
  background:
    linear-gradient(var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 40px 40px,
    linear-gradient(90deg, var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 40px 40px,
    radial-gradient(ellipse at 8% 5%, color-mix(in srgb, var(--cd-accent) 8%, transparent), transparent 35rem),
    var(--cd-bg);
}
body.cd-app::before { content: none; }
html { scroll-padding-top: 76px; }
.cd-app .skip:focus { top: 62px; z-index: 2147483100; }
.cd-app .masthead { height: 70px; }
.cd-app .wordmark { color: var(--cd-text); }
.cd-app .wordmark img { display: none; }
.cd-app .wordmark::before {
  content: 'P'; display: grid; place-items: center; width: 32px; height: 36px;
  border: 1px solid var(--cd-accent); color: var(--cd-accent);
  font: italic 700 25px var(--serif); letter-spacing: 0;
}
.cd-app .wordmark-sub { color: var(--cd-muted); }
.cd-app .network-icon { background: var(--cd-danger); color: var(--cd-inverse); }
.cd-app .wallet-intro { padding-block: 28px; }
.cd-app .wallet-intro h1 { font-size: 60px; font-weight: 700; letter-spacing: -3px; }
.cd-app .wallet-intro h1 em { font-weight: 700; }
.cd-app .wallet-intro .hero-description { font-size: 12px; }
.cd-app .text-link { color: var(--cd-accent); border-color: var(--cd-border-strong); }
.cd-app .check-panel {
  background: var(--cd-surface-1); color: var(--cd-text);
  border: 1px solid var(--cd-border); border-top: 2px solid var(--cd-accent);
  box-shadow: var(--cd-shadow);
}
.cd-app .panel-number { color: var(--cd-accent); }
.cd-app :is(.read-only, form label, .form-bottom p) { color: var(--cd-muted); }
.cd-app .input-row input::placeholder { color: var(--cd-muted); }
.cd-app .input-row input[aria-invalid=true] { border-color: var(--cd-danger) !important; }
.cd-app .input-row #check-button {
  background: var(--cd-accent) !important; color: var(--cd-accent-contrast) !important;
  border-color: var(--cd-accent) !important;
}
.cd-app .input-row #check-button:hover:not(:disabled) { filter: brightness(1.08); }
.cd-app :is(.form-error, .history-error h3) { color: var(--cd-danger); }
.cd-app :is(.preview-heading h2, .ledger-heading h2, .epoch-heading h3, .check-heading h2) {
  font-weight: 700; letter-spacing: -.8px;
}
.cd-app .preview-heading h2 { font-size: 29px; }
.cd-app .epoch-heading h3 { font-size: 29px; }
.cd-app .epoch-history {
  background: var(--cd-surface-1); border-color: var(--cd-border);
  border-top-color: var(--cd-accent); box-shadow: var(--cd-shadow);
}
.cd-app .epoch-select-label select { background: var(--cd-surface-2); border-color: var(--cd-border-strong); }
.cd-app .epoch-grid-line { stroke: var(--cd-chart-grid); }
.cd-app .epoch-axis { fill: var(--cd-muted); }
.cd-app .epoch-bar-balance { fill: var(--cd-accent); }
.cd-app .epoch-bar-activity { fill: var(--cd-context); }
.cd-app .epoch-focus-line { stroke: var(--cd-text); }
.cd-app .epoch-missing { stroke: var(--cd-border-strong); }
.cd-app .epoch-detail-value { color: var(--cd-text); }
.cd-app .epoch-value-scroll th { background: var(--cd-surface-2); }
.cd-app .epoch-date-warning { border-color: var(--cd-warn); }
.cd-app .preview-status { background: var(--cd-surface-1); }
.cd-app :is(.outline-button, .preview-switch button) { border-color: var(--cd-border-strong); }
.cd-app .preview-footer .outline-button { color: var(--cd-accent); }
.cd-app .history { scroll-margin-top: 0; }
.cd-app .history-coverage { background: var(--cd-surface-2); border-left-color: var(--cd-warn); }
.cd-app .history-error { background: var(--cd-danger-bg); border-color: var(--cd-danger); }
.cd-app .family-status { border-left-color: var(--cd-warn); }
.cd-app .family-status:hover { background: var(--cd-surface-3); }
.cd-app .history-table tbody tr:hover td { background: var(--cd-surface-2) !important; }
.cd-app .table-scroll { scrollbar-color: var(--cd-border-strong) var(--cd-surface-1); }
.cd-app .rule-tag { color: var(--cd-accent); }
.cd-app :is(.path-status.unknown, .results[data-status=inconclusive] .verdict-icon) { color: var(--cd-warn); }
.cd-app .results[data-status=inconclusive] .result-top { border-color: var(--cd-warn); }
.cd-app .criteria h2, .cd-app .methodology h2 { font-size: 31px; font-weight: 700; }
.cd-app .page-shell footer a { color: var(--cd-link); }
@media(max-width:900px) {
  .cd-app .wallet-intro h1 { font-size: 49px; letter-spacing: -2px; }
}
@media(max-width:660px) {
  html { scroll-padding-top: 64px; }
  .cd-app .masthead { height: 62px; }
  .cd-app .wallet-intro { padding-block: 20px; }
  .cd-app .wallet-intro h1 { font-size: 45px; letter-spacing: -2px; }
  .cd-app .wallet-intro .hero-description { font-size: 11px; }
  .cd-app .preview-heading h2 { font-size: 25px; }
  .cd-app .epoch-heading h3 { font-size: 24px; max-width: 195px; }
  .cd-app .wallet-intro .check-heading h2 { font-size: 23px; }
}
@media(max-width:380px) {
  .cd-app .epoch-heading h3 { font-size: 21px; }
  .cd-app .preview-heading h2 { font-size: 23px; }
}