/* XAUUSD Robot - "The Lab": near-black panels, one warm gold, Playfair headings
   over DM Sans, monospace labels. Mirrors xauusdrobot.com. */
:root{
  --bg:#0d0f14; --s1:#151922; --s2:#111620; --s3:#1b2130; --line:#232936;
  --tx:#e6e8ee; --dim:#9aa3b2; --faint:#6b7385;
  --gold:#e8b53a; --gold-soft:#f5cf6b; --gold-dim:rgba(232,181,58,.08);
  --ok:#3fb56a; --bad:#e0603f; --warn:#e8b53a;
  --sans:'DM Sans',ui-sans-serif,system-ui,"Segoe UI",sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --r:12px;
  --shadow:none;
}
body{background-image:none;font-size:15.5px}
h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:-.01em}
a{color:var(--gold-soft)}
.mast{background:rgba(13,15,20,.9);border-bottom-color:rgba(232,181,58,.1)}
.brand{gap:8px}
.brand-word{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--tx)}
.brand-word i{font-style:normal;color:var(--gold)}
.kicker{color:var(--gold)}

/* surfaces */
.panel,.stat,.form-card{background:var(--s1);border-color:var(--line);box-shadow:none}
.form-card{border-top:2px solid var(--gold);border-radius:10px}

/* form controls */
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{
  background-color:#0f131b;color:var(--tx);border-color:#2a3140}
input::placeholder,textarea::placeholder{color:#5c6475}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,181,58,.15)}
select option{background:#151922;color:var(--tx)}

/* buttons */
.btn{background:#151922;border-color:#2a3140;color:var(--tx);border-radius:6px}
.btn:hover{background:#1b2130;border-color:#394254}
.btn-gold{background:linear-gradient(90deg,#a87c2a,#e8b53a,#f5d78a);border-color:transparent;color:#0d0f14;font-weight:700}
.btn-gold:hover{filter:brightness(1.05);background:linear-gradient(90deg,#a87c2a,#e8b53a,#f5d78a)}
.btn-ink{background:#229ED9;border-color:#229ED9;color:#fff}
.btn-ink:hover{background:#1c8cc2;border-color:#1c8cc2}
.btn-ok{background:rgba(63,181,106,.12);border-color:rgba(63,181,106,.4);color:#6fd49a}
.btn-ok:hover{background:rgba(63,181,106,.2)}
.btn-bad{background:rgba(224,96,63,.12);border-color:rgba(224,96,63,.4);color:#f0937a}
.btn-bad:hover{background:rgba(224,96,63,.2)}

/* badges + notes */
.badge{background:var(--s2);border-color:var(--line);color:var(--dim)}
.badge-pending{background:rgba(232,181,58,.1);border-color:rgba(232,181,58,.35);color:#f5cf6b}
.badge-approved{background:rgba(63,181,106,.12);border-color:rgba(63,181,106,.35);color:#6fd49a}
.badge-rejected{background:rgba(224,96,63,.12);border-color:rgba(224,96,63,.35);color:#f0937a}
.badge-gold{background:rgba(232,181,58,.1);border-color:rgba(232,181,58,.35);color:#f5cf6b}
.note{background:var(--s2);border-color:var(--line);color:var(--dim)}
.note-ok{background:rgba(63,181,106,.1);border-color:rgba(63,181,106,.35);color:#b9e6cb}
.note-bad{background:rgba(224,96,63,.1);border-color:rgba(224,96,63,.35);color:#f3c2b5}
.keybox{background:rgba(232,181,58,.06);border-color:rgba(232,181,58,.4);color:#f5cf6b}

/* tables + admin chrome */
th{background:var(--s2);color:var(--faint);border-bottom-color:var(--line)}
td{border-bottom-color:#1d2330}
tbody tr:hover{background:#171c26}
.copy{background:#151922;border-color:#2a3140;color:var(--dim)}
.copy:hover{background:#1b2130;color:var(--tx)}
.row-x{background:#151922;border-color:#2a3140}
.tl li::before{background:#394254}
.tab.on{color:var(--gold);border-bottom-color:var(--gold)}
footer .foot a{color:var(--dim)}
.panel-warn{border-color:rgba(232,181,58,.4);background:rgba(232,181,58,.05)}

/* ---- request console layout (gate page) ---- */
.lab{padding:36px 0 34px}
.lab-path{font-family:var(--mono);font-size:12px;color:var(--faint);margin:0 0 10px;letter-spacing:.02em}
.lab-path b{color:var(--gold);font-weight:500}
.lab-top h1{font-size:clamp(28px,4vw,40px);line-height:1.1;margin:0}
.lab-pipe{list-style:none;margin:26px 0 30px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.lab-pipe li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--s2)}
.lab-pipe li+li{border-left:1px solid var(--line)}
.lab-n{font-family:var(--mono);font-size:11.5px;color:var(--gold);letter-spacing:.08em}
.lab-pipe b{font-size:14.5px;color:var(--tx);font-weight:600}
.lab-pipe span:last-child{font-size:13px;color:var(--dim);line-height:1.45}
.lab-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start}
.lab-form-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 18px}
.lab-form-head b{font-size:16px}
.lab-form-head .mono{font-size:11.5px;color:var(--faint)}
.lab-side{border-left:1px solid var(--line);padding:4px 0 0 28px}
.lab-label{font-family:var(--mono);font-size:11.5px;color:var(--gold);letter-spacing:.06em;margin:0 0 10px}
.lab-spec{margin:0;font-family:var(--mono);font-size:13px}
.lab-spec div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line)}
.lab-spec dt{color:var(--faint)}
.lab-spec dd{margin:0;color:var(--tx);text-align:right}
.lab-tag{color:var(--dim);font-size:14px;margin:16px 0 0}
.lab-partners{display:flex;flex-wrap:wrap;gap:8px}
.lab-vps{border-top:1px solid var(--line);margin-top:6px;padding:26px 0 54px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}
.lab-vps .vps-banner{width:min(560px,100%)}
@media (max-width:900px){
  .lab-grid{grid-template-columns:1fr;gap:26px}
  .lab-side{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
  .lab-pipe{grid-template-columns:1fr 1fr}
  .lab-pipe li:nth-child(3){border-left:0}
  .lab-pipe li:nth-child(n+3){border-top:1px solid var(--line)}
  .lab-vps{grid-template-columns:1fr}
}
@media (max-width:520px){
  .lab-pipe{grid-template-columns:1fr}
  .lab-pipe li+li{border-left:0;border-top:1px solid var(--line)}
}