/* Bandeaux communs (carte et pages Données) : haut = navigation principale, bas = FAQ, contact, compte. */
:root {
  --rs-top-h: 52px;
  --rs-bottom-h: 40px;
}
.rs-topbar, .rs-bottombar {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
  background: #101a22;
  color: #edf2f2;
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.rs-topbar {
  top: 0;
  height: calc(var(--rs-top-h) + env(safe-area-inset-top, 0px));
  padding-top: env(safe-area-inset-top, 0px);
  border-bottom: 1px solid #23333d;
}
.rs-bottombar {
  bottom: 0;
  height: calc(var(--rs-bottom-h) + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  justify-content: space-between;
  border-top: 1px solid #23333d;
  font-size: 13px;
}
.rs-brand { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.rs-brand-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: #72e0ba; color: #10251e; }
.rs-brand-mark svg { width: 19px; height: 19px; }
.rs-brand-name { font-size: 16px; font-weight: 760; letter-spacing: -.5px; }
.rs-nav { display: flex; gap: 2px; min-width: 0; overflow-x: auto; scrollbar-width: none; }
.rs-nav::-webkit-scrollbar { display: none; }
.rs-nav a { flex: 0 0 auto; padding: 6px 11px; border-radius: 8px; color: #b8c6c9; font-weight: 600; text-decoration: none; white-space: nowrap; }
.rs-nav a:hover { background: #1b2a33; color: #fff; }
.rs-nav a.active { background: #1d3a33; color: #72e0ba; }
.rs-nav a[hidden] { display: none; }
.rs-bottombar .rs-nav a { padding: 4px 10px; }
/* Liens réservés aux comptes Premium : cadenas tant que le compte n'y a pas accès */
.rs-nav a.locked { color: #7f9196; }
.rs-nav a.locked::after {
  content: ""; display: inline-block; width: 10px; height: 11px; margin-left: 5px; vertical-align: -1px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5Zm1.3 0h3.4V3.5a1.7 1.7 0 0 0-3.4 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h.5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5Zm1.3 0h3.4V3.5a1.7 1.7 0 0 0-3.4 0Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.rs-legal { overflow: hidden; color: #7f9196; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 640px) {
  .rs-topbar { gap: 10px; padding-inline: 10px; }
  .rs-brand-name { display: none; }
  .rs-nav a { padding: 6px 8px; font-size: 13px; }
  .rs-bottombar { justify-content: center; padding-inline: 10px; }
  .rs-legal { display: none; }
}