/* Position Math Quiet Survival palette for the standalone Prop Firm Rule Lab.
   Layout and calculator behavior stay owned by the page itself. */
:root{
  --bg:#06090b;
  --panel:#0b1013;
  --panel-strong:#10171b;
  --text:#eff6f2;
  --ink:#eff6f2;
  --muted:#92a19d;
  --line:#273338;
  --blue:#c9ff54;
  --blue-soft:#18220d;
  --green:#58e49a;
  --green-soft:#10251a;
  --amber:#f5be59;
  --amber-soft:#2b2310;
  --red:#ff776e;
  --red-soft:#2b1515;
  --shadow:10px 10px 0 rgba(105,230,231,.025);
}

body{
  background:#06090b;
  color:var(--text);
  letter-spacing:0;
}
a{color:#69e6e7}
a:hover{color:var(--blue)}
h1,h2,h3,.brand,.mode-card strong{letter-spacing:0}

.hero-copy,.mode-card,.input-panel,.metric-card,.chart-card,.research-card,.method-card,.pathbar{
  border-color:var(--line);
  background:var(--panel);
  box-shadow:var(--shadow);
}
.hero-copy{
  background-color:#070b0d;
  background-image:
    linear-gradient(rgba(147,197,199,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(147,197,199,.025) 1px,transparent 1px);
  background-size:82px 82px;
}
.eyebrow,.pill,.segmented,.diagnostic,.source-list a{
  border-color:var(--line);
  background:#0d1417;
}
.eyebrow{color:#69e6e7}
.pill{color:var(--muted)}
.segmented button.active,.primary-button{
  background:var(--blue);
  color:#0a0f0c;
  box-shadow:none;
}
.primary-button:hover,.segmented button.active:hover{background:#69e6e7;color:#0a0f0c}
label{color:#c4cfcb}
input,select{border-color:var(--line);background:#060a0c;color:var(--text)}
input:focus,select:focus{border-color:#69e6e7;box-shadow:0 0 0 3px rgba(105,230,231,.08)}
.pathcard{border-color:var(--line);background:var(--panel-strong)}
.pathcard:hover{border-color:#69e6e7}
.pathcard .num{color:var(--blue)}
.metric-value{color:var(--blue)}
.metric-value.positive,.positive{color:var(--green)}
.metric-value.negative,.negative{color:var(--red)}
.metric-value.warning,.warning{color:var(--amber)}
.heat-cell{border-color:rgba(105,230,231,.16);color:var(--text)}
.formula,.diagnostic{background:#070b0d}
.plain-list,.formula{color:#c4cfcb}
.source-list a{color:#69e6e7}

@media(max-width:660px){
  .topbar nav{order:2;width:100%}
}