/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * The family theme (fonts, motion, focus ring, tokens, glass surfaces) is theme.css beside this file,
 * vendored from ~/code/design — edit it there and run design/bin/sync. Only audited-specific rules live here.
 */

/* Turbo progress bar — defined here so CSP doesn't block Turbo's inline style injection */
.turbo-progress-bar {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #38bdf8 0%, #60a5fa 45%, #818cf8 100%);
  z-index: 2147483647;
  transition: width 300ms ease-out, opacity 150ms 150ms ease-in;
  transform: translate3d(0, 0, 0);
}

/* Audit report content */
.report-text {
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif !important;
}

.report-text h1, .report-text h2, .report-text h3, .report-text h4, .report-text h5, .report-text h6 {
  font-family: 'Geist', ui-sans-serif, system-ui, sans-serif !important;
}

.report-text p {
  margin-bottom: 1rem;
}

.report-text p:last-child {
  margin-bottom: 0;
}

/* Smooth scrolling for code blocks on iOS */
.overflow-x-auto {
  -webkit-overflow-scrolling: touch;
}

/* Bring common form controls into the shared liquid style (mirrors .glass-input in theme.css) */
input.bg-gray-800,
select.bg-gray-800,
textarea.bg-gray-800 {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.095) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #edf2ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -1px 0 rgba(7, 11, 20, 0.34);
  backdrop-filter: blur(14px) saturate(155%);
  -webkit-backdrop-filter: blur(14px) saturate(155%);
}

input.bg-gray-800::placeholder,
textarea.bg-gray-800::placeholder {
  color: #a7b4c7 !important;
}

input.bg-gray-800:focus,
select.bg-gray-800:focus,
textarea.bg-gray-800:focus {
  border-color: rgba(125, 211, 252, 0.72) !important;
}

/* Ethereum blue for zack.eth branding */
.eth-blue {
  color: #627EEA;
}