.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #5B6770 !important;
    color: white !important;
}
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #000000 !important;
}
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: #5B6770 !important;
    color: white !important;
}
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover {
    background: #000000 !important;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink {
width: 150px;
height: 50px;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
font: normal 25px/50px 'Tahoma';
content: 'Profile';
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink{
width: 150px;
height: 50px;
}
.WaGadgetLoginForm.LoginFormStyle001 .loginContainer.loginContainer .loginLink:before{
font: normal 25px/50px 'Tahoma';
   content: 'TEST';
}
/*Hide the login button on mobile devices*/
@media screen and (max-width: 479px) {
div#id_FC3sMlf {
 display: none;
}}

/* radio-cards/cards.css */

/* Light theme — darkened so each holds contrast on the pale ground. */
:root[data-theme="light"] {
  --brand-yaesu:      #1f5fbf;
  --brand-icom:       #00875a;
  --brand-kenwood:    #a86a12;
  --brand-baofeng:    #b35400;
  --brand-wouxun:     #7040b8;
  --brand-radioddity: #4d7c0f;
  --brand-alinco:     #12807d;
}

/* ─── The reference table ──────────────────────────────────────────────────
 * Shared by radio.html (rendered live from the CSV) and by the standalone
 * pages build.py writes. Kept here so the two cannot drift: build.py's copy
 * was already a version behind and greyed nothing.
 */
.op    { color: var(--amber); font-size: .82rem; white-space: nowrap;
         width: 220px; vertical-align: top; padding-top: 7px; }
.steps { color: var(--text); font-size: .82rem; vertical-align: top;
         white-space: pre-wrap; line-height: 1.55; }
tr.row-section td {
  background: var(--panel-2);
  color: var(--text-dim);
  font-size: .6rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 6px 8px 5px;
  border-bottom: 1px solid var(--border);
}
tr.empty-steps .op { color: var(--text-dim); }
.na { color: var(--border); }
/* An N/A cell is a claim ("this radio cannot do it"), so it stays readable -
   var(--border) is near-invisible on the dark ground and is kept for the
   em-dash of a cell nobody has filled in yet. TBD is a gap in OUR research,
   not a limit of the radio, so it reads amber rather than grey. */
.na-text  { color: var(--text-dim);  font-size: .78rem; letter-spacing: .04em; }
.tbd-text { color: var(--amber-dim); font-size: .78rem; letter-spacing: .04em; }

@media print {
  body { background: #fff; color: #000; }
  header { background: #fff !important; border-color: #ccc !important; }
  header h1, header p { color: #000 !important; }
  .actions { display: none !important; }
  .tbl-wrap { overflow: visible; }
  table { width: 100%; border-collapse: collapse; }
  th, td { border: 1px solid #ccc !important; }
  tr.row-section td { background: #eee !important; color: #444 !important; }
  .op { color: #555 !important; }
  .steps { color: #000 !important; }
  .na { color: #aaa !important; }
  .na-text  { color: #999 !important; }
  .tbd-text { color: #a67c1a !important; }
}