/* MyBDC portal theme — blue/navy, matched to the public homepage (index.html).
   Single source of truth for the portal's look. Edit here, all pages follow. */
:root{
  --accent:#2563EB;        /* homepage --accent */
  --accent-600:#1D4ED8;
  --accent-700:#1E40AF;
  --accent-soft:#EFF4FF;    /* homepage --accent-soft */
  --navy-900:#0B1221;      /* homepage --navy-900 (page bg) */
  --navy-800:#0F1830;
  --navy-700:#16223F;      /* homepage --navy-700 (cards/inputs) */
  --ink:#0B1221;
  --white:#FFFFFF;
  --slate-50:#F8FAFC;
  --slate-200:#E2E8F0;
  --slate-400:#94A3B8;
  --slate-500:#64748B;
  --slate-600:#475569;
  --slate-700:#334155;
  --amber:#FBBF24;          /* pending (maps to homepage #F59E0B) */
  --green:#9fdc9f;          /* active */
  --red:#F87171;            /* error */
  --radius:14px;
  --radius-lg:20px;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--navy-900);
  color:var(--slate-200);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  min-height:100vh;
}
h1,h2,h3,a{color:var(--accent);text-decoration:none;}
a{font-size:.85rem;}
a:hover{color:var(--accent-600);}
.card{
  border:1px solid rgba(37,99,235,.30);
  border-radius:var(--radius);
  background:var(--navy-700);
  padding:2.5rem;
  width:360px;
}
input,textarea{
  width:100%;
  padding:.8rem;
  margin-top:.6rem;
  background:var(--navy-800);
  color:var(--white);
  border:1px solid rgba(37,99,235,.40);
  border-radius:6px;
  font-size:1rem;
}
input:focus,textarea:focus{outline:1px solid var(--accent);}
button,.btn{
  display:block;
  width:100%;
  margin-top:1rem;
  padding:.8rem 1.5rem;
  background:var(--accent);
  color:var(--white);
  border:0;
  border-radius:6px;
  font-weight:600;
  cursor:pointer;
  text-align:center;
  text-decoration:none;
}
button:hover,.btn:hover{background:var(--accent-700);}
.btn-invert{background:var(--navy-800);color:var(--accent);border:1px solid rgba(37,99,235,.40);}
.btn-invert:hover{background:var(--navy-900);}
.badge{
  display:inline-block;
  background:rgba(37,99,235,.14);
  color:var(--accent);
  border:1px solid rgba(37,99,235,.40);
  padding:.2rem .6rem;
  border-radius:20px;
  font-size:.75rem;
}
.note,.steps{color:var(--slate-400);font-size:.85rem;margin-top:.6rem;line-height:1.6;}
.steps b{color:var(--accent);}
.err{color:var(--red);margin-top:1rem;font-size:.9rem;} .err a{color:var(--red);}
.notice{color:var(--green);margin-top:1rem;font-size:.9rem;}
/* Orders table */
table{width:100%;border-collapse:collapse;max-width:900px;}
th,td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid rgba(37,99,235,.18);font-size:.92rem;}
th{color:var(--slate-400);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;}
.pending{color:var(--amber);border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.10);}
.active{color:var(--green);border-color:rgba(159,220,159,.35);background:rgba(159,220,159,.10);}
.other{color:var(--slate-400);border-color:rgba(148,163,184,.35);background:rgba(148,163,184,.10);}