/* Football Pro Historical Predictions sidebar v4 — 1:1 dashboard sidebar tokens.
   Scoped to the existing History sidebar; leaves page body and predictions alone. */
.qt-shell > aside.qt-side.fp-history-sidebar {
  box-sizing:border-box; display:flex; flex-direction:column; gap:0;
  width:258px; min-width:258px; height:100vh; position:sticky; top:0; z-index:30;
  padding:0; background:#0b1221; border-right:1px solid rgba(154,179,218,.12);
  color:#edf4ff; font-family:'DM Sans',system-ui,-apple-system,sans-serif;
  font-size:14px; line-height:normal; -webkit-font-smoothing:antialiased;
}
.fp-history-sidebar *, .fp-history-sidebar *::before, .fp-history-sidebar *::after {box-sizing:border-box;}
.fp-history-sidebar a, .fp-history-sidebar button, .fp-history-sidebar p,
.fp-history-sidebar strong,.fp-history-sidebar small,.fp-history-sidebar span {font-family:inherit;}
.fp-history-sidebar .fp-history-header {
  height:92px; min-height:92px; width:100%; display:flex; align-items:center;
  padding:0 22px; border-bottom:1px solid rgba(154,179,218,.12);
}
.fp-history-sidebar .fp-history-brand {display:flex;align-items:center;gap:13px;min-width:0;color:#edf4ff;text-decoration:none;}
.fp-history-sidebar .fp-history-brand img {width:38px;height:38px;border-radius:9px;object-fit:contain;flex-shrink:0;}
.fp-history-sidebar .fp-history-wordmark {line-height:1;min-width:0;}
.fp-history-sidebar .fp-history-wordmark strong {
  display:block;white-space:nowrap;color:#edf4ff;
  font-family:'Space Grotesk',system-ui,sans-serif;
  font-size:16px;font-weight:700;letter-spacing:-.07em;
}
.fp-history-sidebar .fp-history-wordmark strong span {font-family:inherit;color:#6af2c2;}
.fp-history-sidebar .fp-history-wordmark small {display:block;color:#61718e;font-size:8px;letter-spacing:.19em;margin-top:7px;font-weight:800;white-space:nowrap;}
.fp-history-sidebar .fp-history-scroll {
  flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;
  padding:30px 14px 18px;scrollbar-width:thin;scrollbar-color:#25354b transparent;
}
.fp-history-sidebar .fp-history-heading {font-size:10px;line-height:1.25;font-weight:800;letter-spacing:.2em;color:#536785;margin:0 10px 13px;}
.fp-history-sidebar .fp-history-links {display:grid;gap:4px;}
.fp-history-sidebar .fp-history-link,
.qt-shell > aside.qt-side.fp-history-sidebar a.fp-history-link {
  display:flex;align-items:center;gap:13px;padding:13px;width:100%;background:transparent;
  color:#8f9db5;border:1px solid transparent;border-radius:10px;
  font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:700;
  line-height:normal;text-decoration:none;box-shadow:none;transition:background .2s;
}
.qt-shell > aside.qt-side.fp-history-sidebar a.fp-history-link:hover {background:#172235;color:#e5f6ff;}
.qt-shell > aside.qt-side.fp-history-sidebar a.fp-history-link.active {
  background:linear-gradient(100deg,#1c3b42,#18333759);color:#6af2c2;
  border-color:#6af2c223;box-shadow:inset 3px 0 #6af2c2;
}
.fp-history-sidebar .fp-history-link-icon {font-size:20px;font-weight:400;width:22px;min-width:22px;text-align:center;}
.fp-history-sidebar .fp-history-link-title {flex:1;white-space:nowrap;}
.fp-history-sidebar .fp-history-link-arrow {margin-left:auto;font-size:12px;opacity:.6;}
.fp-history-sidebar .fp-history-coverage-label {margin-top:34px;}
.fp-history-sidebar .fp-history-country-head {display:flex;justify-content:space-between;align-items:center;padding:0 9px;margin-bottom:10px;color:#9faeca;font-size:12px;font-weight:700;}
.fp-history-sidebar .fp-history-country-head button {border:0;background:transparent;color:#6af2c2;font-size:19px;cursor:pointer;line-height:1.2;padding:1px 0;font-family:inherit;}
.fp-history-sidebar .fp-history-country-head button[aria-busy="true"] {opacity:.5;cursor:wait;}
.fp-history-sidebar .fp-history-country-head button:focus-visible {outline:2px solid #6af2c2;outline-offset:2px;}
.fp-history-sidebar .fp-history-countries {display:grid;gap:1px;}
.fp-history-sidebar .fp-history-country,
.qt-shell > aside.qt-side.fp-history-sidebar a.fp-history-country {
  display:flex;gap:9px;align-items:center;width:100%;padding:10px;
  border:0;border-radius:9px;background:transparent;text-decoration:none;
  color:#889ab6;font-family:'DM Sans',system-ui,sans-serif;font-size:12px;font-weight:400;
  line-height:normal;text-align:left;
}
.qt-shell > aside.qt-side.fp-history-sidebar a.fp-history-country:hover {background:#152236;color:#f2fffd;}
.fp-history-sidebar img.fp-history-flag {width:23px;height:16px;min-width:23px;display:block;object-fit:contain;flex-shrink:0;border-radius:1px;}
.fp-history-sidebar .fp-history-country-name {flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.fp-history-sidebar .fp-history-country-count {margin-left:auto;color:#5e748b;font-size:12px;}
.fp-history-sidebar .fp-history-empty {font-size:12px;color:#889ab6;padding:12px 10px;}
.fp-history-sidebar .fp-history-bottom {flex:0 0 auto;padding:18px 15px 20px;border-top:1px solid rgba(154,179,218,.12);}
.fp-history-sidebar .fp-history-engine {display:flex;gap:10px;align-items:center;background:#111f2d;border:1px solid #28484d;padding:13px;border-radius:13px;color:#edf4ff;}
.fp-history-sidebar .fp-history-sync-dot {width:8px;height:8px;min-width:8px;display:inline-block;background:#6af2c2;border-radius:50%;box-shadow:0 0 0 5px #2de8b41b,0 0 15px #6af2c24f;}
.fp-history-sidebar .fp-history-sync-dot.fp-history-offline {background:#99aeb9;box-shadow:none;}
.fp-history-sidebar .fp-history-engine strong {display:block;font-size:10px;letter-spacing:.13em;font-weight:800;color:#edf4ff;}
.fp-history-sidebar .fp-history-engine small {display:block;font-size:10px;margin-top:4px;color:#91bcb5;line-height:1.4;}
.fp-history-sidebar .fp-history-brand-footer {display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.18em;color:#5c708f;padding:22px 7px 0;}
.fp-history-sidebar .fp-history-brand-footer span:last-child {font-weight:400;}
.fp-history-sidebar .fp-history-menu-button {display:none;}
@media(max-width:760px){
  .qt-shell > aside.qt-side.fp-history-sidebar {width:100%;min-width:0;height:auto;min-height:0;position:sticky;top:0;z-index:40;}
  .fp-history-sidebar .fp-history-header {height:65px;min-height:65px;padding:0 16px;justify-content:space-between;}
  .fp-history-sidebar .fp-history-scroll {display:none;width:100%;padding:15px 14px;max-height:calc(100dvh - 160px);overflow:auto;}
  .fp-history-sidebar .fp-history-bottom {display:none;width:100%;padding:14px 15px;}
  .fp-history-sidebar.fp-history-open .fp-history-scroll,.fp-history-sidebar.fp-history-open .fp-history-bottom {display:block;}
  .fp-history-sidebar .fp-history-coverage-label {margin-top:25px;}
  .fp-history-sidebar .fp-history-menu-button {display:flex;align-items:center;justify-content:center;background:#132e3a;border:1px solid #296159;border-radius:9px;color:#63e5ce;height:38px;width:42px;font-size:23px;cursor:pointer;}
  .qt-shell > main.qt-main {min-width:0;max-width:100%;width:100%;}
}