/* Older pages (history lists, transfers, exchange, news, errors …) — readable on the navy theme.
   Scoped to .cb-legacy so nothing else is affected. */
.cb-legacy { color: #f2f6ff; font-family: "Manrope", system-ui, sans-serif; font-size: 15.5px; line-height: 1.6; max-width: 100%; overflow-x: auto; }
.cb-legacy--member { padding: 18px 0 40px; }
.cb-legacy h1, .cb-legacy h2, .cb-legacy h3, .cb-legacy h4 { font-family: "Sora", "Manrope", sans-serif; color: #fff !important; font-weight: 600; margin: 0 0 18px; }
.cb-legacy h3 { font-size: 26px; }
.cb-legacy a { color: #f6d684 !important; }
.cb-legacy a:hover { color: #fff !important; }
.cb-legacy p, .cb-legacy td, .cb-legacy th, .cb-legacy li, .cb-legacy div, .cb-legacy span, .cb-legacy b, .cb-legacy font, .cb-legacy center { color: #f2f6ff; }
.cb-legacy table { border-collapse: separate; border-spacing: 0; max-width: 100%; }
.cb-legacy table[width="100%"], .cb-legacy table.tbl { width: 100%; }
.cb-legacy td, .cb-legacy th { padding: 11px 14px; border-bottom: 1px solid rgba(120,160,255,.16); vertical-align: middle; }
.cb-legacy th, .cb-legacy .inheader, .cb-legacy .calendartablebg { color: #e8b84b !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; background: rgba(232,184,75,.08); }
.cb-legacy .framebody, .cb-legacy .line, .cb-legacy .forTexts { background: transparent !important; border: 0 !important; }
.cb-legacy tr:hover > td { background: rgba(120,160,255,.05); }
.cb-legacy hr { border: 0; border-top: 1px solid rgba(120,160,255,.18); }
.cb-legacy input[type=text], .cb-legacy input[type=password], .cb-legacy input[type=number], .cb-legacy input[type=email], .cb-legacy select, .cb-legacy textarea, .cb-legacy .inpts {
  background: rgba(4,9,25,.75) !important; color: #fff !important; border: 1px solid rgba(120,160,255,.3) !important; border-radius: 10px !important; padding: 10px 13px !important; font: 500 15px "Manrope", sans-serif !important; max-width: 100%; }
.cb-legacy input:focus, .cb-legacy select:focus, .cb-legacy textarea:focus { outline: none; border-color: #e8b84b !important; box-shadow: 0 0 0 3px rgba(232,184,75,.18); }
.cb-legacy select option { background: #0a1433; color: #fff; }
.cb-legacy input[type=submit], .cb-legacy input[type=button], .cb-legacy button, .cb-legacy .sbmt {
  background: linear-gradient(180deg, #f6d684, #e8b84b 55%, #b98a22) !important; color: #1a1203 !important; border: 0 !important; border-radius: 10px !important;
  padding: 11px 22px !important; font: 800 14px "Manrope", sans-serif !important; cursor: pointer; box-shadow: 0 8px 22px rgba(232,184,75,.22); }
.cb-legacy input[type=radio], .cb-legacy input[type=checkbox] { accent-color: #e8b84b; }
.cb-legacy .error, .cb-legacy .err { color: #ffd3cc !important; background: rgba(255,138,122,.1); border-left: 4px solid #ff8a7a; padding: 10px 14px; border-radius: 8px; }
.cb-legacy .msg, .cb-legacy .ok { color: #c9f3df !important; }
.cb-legacy img { max-width: 100%; height: auto; }
.cb-legacy .bgcolormain, .cb-legacy .bgcolorleft, .cb-legacy .bgcolorright { background: transparent !important; }
.cb-legacy small, .cb-legacy .small { color: #a9b9dd; }
.cb-legacy .copy-message { color: #fff !important; }
body.cbd .copy-message { color: #fff !important; }