/* Public Performance Surface
 * Presentation-only shell aligned with the shared M.A.I.C. public information architecture.
 * Backend remains the sole owner of performance calculations and evidence state.
 */

.performance-page{
  --performance-panel:linear-gradient(180deg,rgba(8,16,28,.90),rgba(5,10,18,.84));
  --performance-panel-soft:rgba(255,255,255,.028);
}

.performance-public-main{
  width:min(1120px,calc(100vw - 36px));
  margin:0 auto;
  padding:0 0 76px;
}

.performance-subnav{
  display:flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  margin:22px 0 0;
  padding:7px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(3,7,13,.58);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.performance-subnav::-webkit-scrollbar{display:none}
.performance-subnav a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:8px;
  color:var(--muted);
  font:800 10px/1 var(--mono);
  letter-spacing:.11em;
  text-transform:uppercase;
  text-decoration:none;
}
.performance-subnav a:hover{
  color:var(--text);
  background:rgba(255,255,255,.035);
}
.performance-subnav a[aria-current="page"]{
  color:var(--text);
  border-color:var(--signal-line);
  background:var(--signal-soft);
  box-shadow:0 0 22px var(--signal-soft);
}

.performance-public-hero{
  position:relative;
  display:grid;
  gap:14px;
  max-width:940px;
  padding:70px 0 34px;
}
.performance-public-hero::after{
  content:"PUBLIC EVIDENCE SURFACE";
  position:absolute;
  top:42px;
  right:0;
  color:var(--signal);
  opacity:.52;
  font:700 10px/1 var(--mono);
  letter-spacing:.16em;
}
.performance-public-hero .kicker{
  margin:0;
  color:var(--signal);
  font:800 11px/1.2 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.performance-public-hero h1{
  margin:0;
  max-width:900px;
  color:var(--text);
  font-size:clamp(2.35rem,6vw,5rem);
  line-height:.96;
  letter-spacing:-.06em;
  text-wrap:balance;
}
.performance-public-hero p{
  max-width:780px;
  margin:0;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.7;
}

.maic-performance-evidence{position:relative;display:grid;gap:24px}
.maic-performance-intro{max-width:900px}
.maic-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

.maic-performance-card,
.performance-method-grid article,
.performance-verification{
  border:1px solid rgba(157,184,212,.16);
  border-radius:14px;
  background:var(--performance-panel);
  box-shadow:0 28px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);
}
.maic-performance-card{
  display:grid;
  gap:16px;
  min-width:0;
  padding:22px;
}
.maic-performance-card header{display:grid;gap:6px}
.maic-performance-card .performance-kicker{
  color:var(--signal);
  font:800 .7rem/1.2 var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.maic-performance-card h3{
  margin:0;
  color:var(--text);
  font-size:clamp(1.15rem,2vw,1.55rem);
  letter-spacing:-.025em;
}
.maic-performance-card .performance-subtitle{
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.5;
}

.maic-performance-status-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.maic-performance-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 9px;
  border:1px solid var(--signal-line);
  border-radius:999px;
  color:var(--text);
  background:var(--signal-soft);
  font:700 .67rem/1 var(--mono);
  letter-spacing:.075em;
}
.maic-performance-status[data-state="verified"]{
  border-color:rgba(109,255,176,.38);
  background:rgba(109,255,176,.08);
  color:#caffdf;
}
.maic-performance-status[data-state="pending"]{
  border-color:rgba(255,209,102,.38);
  background:rgba(255,209,102,.07);
  color:#ffe6a0;
}
.maic-performance-status[data-state="failed"]{
  border-color:rgba(255,93,115,.40);
  background:rgba(255,93,115,.07);
  color:#ffc1ca;
}

.maic-performance-chart{
  display:block;
  width:100%;
  height:auto;
  min-height:220px;
  border:1px solid rgba(157,184,212,.12);
  border-radius:12px;
  background:
    linear-gradient(rgba(157,184,212,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(157,184,212,.028) 1px,transparent 1px),
    rgba(2,7,13,.52);
  background-size:44px 44px;
  overflow:visible;
}
.maic-performance-chart .gridline{stroke:rgba(157,184,212,.12);stroke-width:1;vector-effect:non-scaling-stroke}
.maic-performance-chart .series{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.maic-performance-chart .series-gross{stroke:var(--signal,var(--accent,#93a4b5));stroke-width:2.8}
.maic-performance-chart .series-stress{stroke:rgba(var(--accent-rgb,147,164,181),.62);stroke-width:2;stroke-dasharray:8 6}
.maic-performance-chart .series-btc{stroke:rgba(157,184,212,.52);stroke-width:1.7;stroke-dasharray:2 6}

.maic-performance-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  color:var(--muted);
  font:700 .72rem/1.4 var(--mono);
}
.maic-performance-legend span{display:inline-flex;align-items:center;gap:6px}
.maic-performance-legend span::before{
  content:"";
  display:inline-block;
  width:19px;
  height:0;
  margin:0;
  border-top:2px solid currentColor;
}
.maic-performance-legend span:nth-child(1){color:var(--signal,var(--accent,#93a4b5))}
.maic-performance-legend span:nth-child(1)::before{border-top-width:3px}
.maic-performance-legend span:nth-child(2){color:rgba(var(--accent-rgb,147,164,181),.72)}
.maic-performance-legend span:nth-child(2)::before{border-top-style:dashed}
.maic-performance-legend span:nth-child(3){color:rgba(157,184,212,.64)}
.maic-performance-legend span:nth-child(3)::before{border-top-style:dotted}

.maic-performance-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.maic-performance-metrics div{
  min-width:0;
  padding:11px;
  border:1px solid rgba(157,184,212,.12);
  border-radius:9px;
  background:rgba(255,255,255,.022);
}
.maic-performance-metrics dt{
  color:var(--muted);
  font:800 .64rem/1.3 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.maic-performance-metrics dd{
  margin:6px 0 0;
  color:var(--text);
  font:700 .88rem/1.25 var(--mono);
  overflow-wrap:anywhere;
}
.maic-performance-foot{
  margin:0;
  color:var(--muted);
  font-size:.77rem;
  line-height:1.6;
}

.performance-method-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.performance-method-grid article,
.performance-verification{
  padding:20px;
}
.performance-verification{margin-top:14px}
.performance-method-grid h2,
.performance-verification h2{
  margin:0 0 10px;
  color:var(--text);
  font-size:clamp(1.2rem,2.5vw,1.7rem);
  letter-spacing:-.03em;
}
.performance-method-grid h3{color:var(--text)}
.performance-method-grid p,
.performance-method-grid li,
.performance-verification p,
.performance-verification li{
  color:var(--muted);
  line-height:1.7;
}
.performance-verification code{
  color:var(--text);
  overflow-wrap:anywhere;
}

.performance-downloads,
.maic-performance-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.performance-downloads a,
.maic-performance-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 11px;
  border:1px solid var(--signal-line);
  border-radius:8px;
  color:var(--text);
  background:rgba(255,255,255,.03);
  font:800 .69rem/1 var(--mono);
  letter-spacing:.04em;
  text-decoration:none;
}
.performance-downloads a:hover,
.maic-performance-links a:hover{
  background:var(--signal-soft);
}

.maic-performance-table-wrap{
  max-width:100%;
  overflow-x:auto;
  border:1px solid rgba(157,184,212,.14);
  border-radius:10px;
  background:rgba(2,7,13,.46);
}
.maic-performance-table{
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  color:var(--muted);
  font-size:.78rem;
}
.maic-performance-table th,
.maic-performance-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(157,184,212,.10);
  text-align:left;
  vertical-align:top;
}
.maic-performance-table th{
  color:var(--signal);
  background:var(--signal-soft);
  font:800 .65rem/1.25 var(--mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}
.maic-performance-table td{color:var(--muted)}
.maic-performance-table code{color:var(--text)}
.maic-performance-table tr:last-child td{border-bottom:0}

.performance-public-footer .footer-site-map{margin-top:12px}

@media(max-width:900px){
  .performance-public-hero{padding-top:54px}
  .performance-public-hero::after{display:none}
  .maic-performance-grid{grid-template-columns:1fr}
  .maic-performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .performance-method-grid{grid-template-columns:1fr}
}

@media(max-width:680px){
  .performance-public-main{width:min(100% - 28px,1120px);padding-bottom:58px}
  .performance-subnav{margin-top:14px}
  .performance-public-hero h1{font-size:clamp(2rem,12vw,3.4rem)}
  .maic-performance-card{padding:16px}
  .maic-performance-chart{min-height:180px}
  .performance-method-grid article,.performance-verification{padding:17px}
}

@media(max-width:520px){
  .maic-performance-metrics{grid-template-columns:1fr}
  .performance-downloads a,.maic-performance-links a{width:100%;justify-content:center}
}