/* Smart Contract Audit — page styles */
@import url("colors_and_type.css");

/* Hero — security dashboard */
.sca-dash {
  background: linear-gradient(180deg, rgba(15,21,48,0.96), rgba(8,12,28,0.96));
  border: 1px solid rgba(255,77,79,0.28);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,0.6), 0 0 80px rgba(255,77,79,0.14);
}
.sca-bar { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid rgba(255,255,255,0.06); font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.16em; }
.sca-bar-l { display: flex; align-items: center; gap: 8px; color: var(--site-text); font-weight: 600; }
.sca-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--site-red); box-shadow: 0 0 0 3px rgba(255,77,79,0.25); }

.sca-summary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06); }
.sca-sev { padding: 14px 8px; background: rgba(8,12,28,0.6); text-align: center; }
.sca-sev-n { font-family: var(--font-mono); font-size: 22px; font-weight: 600; line-height: 1; }
.sca-sev-l { font-family: var(--font-mono); font-size: 9px; letter-spacing: 0.16em; margin-top: 4px; color: var(--site-text-3); }
.sca-sev-crit .sca-sev-n { color: var(--site-red); }
.sca-sev-high .sca-sev-n { color: #FF8A50; }
.sca-sev-med .sca-sev-n { color: var(--site-amber); }
.sca-sev-low .sca-sev-n { color: var(--site-cyan); }
.sca-sev-safe .sca-sev-n { color: var(--site-mint); }

.sca-find-list { padding: 12px 16px; }
.sca-find-head { display: flex; justify-content: space-between; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; color: var(--site-text-3); text-transform: uppercase; padding: 4px 6px 10px; }
.sca-find-counter { color: var(--site-cyan); }
.sca-find { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 9px 10px; border-radius: 8px; align-items: center; transition: background 0.3s ease; margin-bottom: 4px; border-left: 3px solid transparent; }
.sca-find.is-live { background: rgba(255,255,255,0.03); }
.sca-find-sev { font-family: var(--font-mono); font-size: 9px; font-weight: 600; letter-spacing: 0.16em; padding: 3px 7px; border-radius: 4px; text-align: center; }
.sca-find-crit { border-left-color: var(--site-red); }
.sca-find-crit .sca-find-sev { background: rgba(255,77,79,0.12); color: var(--site-red); border: 1px solid rgba(255,77,79,0.4); }
.sca-find-high { border-left-color: #FF8A50; }
.sca-find-high .sca-find-sev { background: rgba(255,138,80,0.12); color: #FF8A50; border: 1px solid rgba(255,138,80,0.4); }
.sca-find-med { border-left-color: var(--site-amber); }
.sca-find-med .sca-find-sev { background: rgba(255,176,32,0.12); color: var(--site-amber); border: 1px solid rgba(255,176,32,0.4); }
.sca-find-low { border-left-color: var(--site-cyan); }
.sca-find-low .sca-find-sev { background: rgba(79,200,255,0.12); color: var(--site-cyan); border: 1px solid rgba(79,200,255,0.4); }
.sca-find-safe { border-left-color: var(--site-mint); }
.sca-find-safe .sca-find-sev { background: rgba(94,255,164,0.12); color: var(--site-mint); border: 1px solid rgba(94,255,164,0.4); }
.sca-find-t { font-size: 12.5px; color: var(--site-text); font-weight: 500; }
.sca-find-loc { font-family: var(--font-mono); font-size: 10.5px; color: var(--site-text-3); margin-top: 2px; }

.sca-foot { display: flex; justify-content: space-between; padding: 12px 18px; border-top: 1px solid rgba(255,255,255,0.06); font-family: var(--font-mono); font-size: 11px; }
.sca-foot-l { color: var(--site-text-3); letter-spacing: 0.14em; text-transform: uppercase; font-size: 10px; }
.sca-foot-v { color: var(--site-mint); font-weight: 600; }

/* Methodology */
.sca-method-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 48px; }
.sca-method { padding: 22px 18px; border: 1px solid rgba(255,255,255,0.07); background: rgba(15,21,48,0.4); border-radius: 12px; }
.sca-method-n { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--site-red); margin-bottom: 12px; font-weight: 600; }
.sca-method-t { font-weight: 600; font-size: 14px; color: var(--site-text); margin-bottom: 6px; line-height: 1.3; }
.sca-method-d { font-size: 11.5px; color: var(--site-text-3); line-height: 1.5; }

/* Vulnerabilities */
.sca-vuln-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 48px; }
.sca-vuln { display: grid; grid-template-columns: 36px 1fr 24px; gap: 10px; padding: 16px 18px; border: 1px solid rgba(255,255,255,0.06); background: rgba(15,21,48,0.35); border-radius: 10px; align-items: center; transition: all 0.2s ease; }
.sca-vuln:hover { border-color: rgba(255,77,79,0.3); background: rgba(255,77,79,0.04); }
.sca-vuln-n { font-family: var(--font-mono); font-size: 11px; color: var(--site-red); font-weight: 600; }
.sca-vuln-t { font-size: 13.5px; color: var(--site-text); font-weight: 500; }
.sca-vuln-mark { color: var(--site-amber); font-size: 14px; text-align: right; }

/* Report */
.sca-rep-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px; }
.sca-rep-left, .sca-rep-right { padding: 28px; border: 1px solid rgba(255,255,255,0.08); background: linear-gradient(180deg, rgba(15,21,48,0.6), rgba(15,21,48,0.25)); border-radius: 16px; }
.sca-rep-h { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.18em; color: var(--site-text-3); text-transform: uppercase; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.sca-rep-list { display: flex; flex-direction: column; gap: 8px; }
.sca-rep-row { display: grid; grid-template-columns: 100px 1fr; gap: 14px; padding: 12px 14px; border-radius: 8px; align-items: center; }
.sca-rep-label { font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.16em; padding: 4px 8px; border-radius: 4px; text-align: center; }
.sca-rep-crit { background: rgba(255,77,79,0.04); border: 1px solid rgba(255,77,79,0.2); }
.sca-rep-crit .sca-rep-label { background: rgba(255,77,79,0.12); color: var(--site-red); border: 1px solid rgba(255,77,79,0.4); }
.sca-rep-high { background: rgba(255,138,80,0.04); border: 1px solid rgba(255,138,80,0.2); }
.sca-rep-high .sca-rep-label { background: rgba(255,138,80,0.12); color: #FF8A50; border: 1px solid rgba(255,138,80,0.4); }
.sca-rep-med { background: rgba(255,176,32,0.04); border: 1px solid rgba(255,176,32,0.2); }
.sca-rep-med .sca-rep-label { background: rgba(255,176,32,0.12); color: var(--site-amber); border: 1px solid rgba(255,176,32,0.4); }
.sca-rep-low { background: rgba(79,200,255,0.04); border: 1px solid rgba(79,200,255,0.2); }
.sca-rep-low .sca-rep-label { background: rgba(79,200,255,0.12); color: var(--site-cyan); border: 1px solid rgba(79,200,255,0.4); }
.sca-rep-safe { background: rgba(94,255,164,0.04); border: 1px solid rgba(94,255,164,0.2); }
.sca-rep-safe .sca-rep-label { background: rgba(94,255,164,0.12); color: var(--site-mint); border: 1px solid rgba(94,255,164,0.4); }
.sca-rep-d { font-size: 12.5px; color: var(--site-text-2); line-height: 1.5; }

.sca-rep-outputs { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-direction: column; gap: 8px; }
.sca-rep-outputs li { display: flex; gap: 12px; align-items: center; font-size: 13px; color: var(--site-text-2); }
.sca-rep-num { font-family: var(--font-mono); font-size: 10px; color: var(--site-cyan); }

.sca-rep-mock { padding: 16px; border: 1px solid rgba(94,255,164,0.25); background: rgba(94,255,164,0.04); border-radius: 10px; }
.sca-rep-mock-h { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--site-mint); margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(94,255,164,0.2); }
.sca-rep-mock-row { display: flex; justify-content: space-between; padding: 5px 0; font-family: var(--font-mono); font-size: 11.5px; color: var(--site-text-2); }
.sca-rep-mock-row span:first-child { color: var(--site-text-3); }
.sca-rep-mock-risk { color: var(--site-mint); font-weight: 600; }

/* Tools */
.sca-tools-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 48px; }
.sca-tool { padding: 22px 18px; border: 1px solid rgba(255,255,255,0.07); background: rgba(15,21,48,0.4); border-radius: 12px; text-align: center; }
.sca-tool-n { font-family: var(--font-mono); font-weight: 600; font-size: 16px; color: var(--site-text); margin-bottom: 8px; }
.sca-tool-cat { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--site-cyan); }

@media (max-width: 1100px) {
  .cx-hero-visual { margin: 0 auto; }
  .sca-method-grid { grid-template-columns: repeat(2, 1fr); }
  .sca-vuln-grid { grid-template-columns: repeat(2, 1fr); }
  .sca-rep-layout { grid-template-columns: 1fr; }
  .sca-tools-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .sca-method-grid, .sca-vuln-grid, .sca-tools-grid { grid-template-columns: 1fr; }
  .sca-summary { grid-template-columns: repeat(5, 1fr); }
}