/* Gestion et salle d'attente Flip 7 uniquement, jamais le plateau actif. */
.flip-seven-salon:not(.is-playing) {
  --paper: #f4f7ef;
  --ink: #192c35;
  --muted: #52666a;
  --line: #c1d4cc;
  --felt: #087e87;
  --felt-dark: #06636b;
  --mist: #f8e59a;
  --red: #b63e3d;
  min-height: 100vh;
  background: #f4f7ef;
  color: var(--ink);
  font-family: 'Segoe UI', system-ui, sans-serif;
}
.flip-seven-salon:not(.is-playing) .site-header { max-width: 1100px; padding: 24px 32px; border-color: var(--line); }
.flip-seven-salon:not(.is-playing) .brand { font: 700 1.1rem 'Segoe UI', system-ui, sans-serif; letter-spacing: -.035em; color: #124953; }
.flip-seven-salon:not(.is-playing) .site-header .text-link { margin: 0; }
.flip-seven-salon:not(.is-playing) .section { max-width: 1020px; padding-top: 30px; }
.flip-seven-salon:not(.is-playing) .section.narrow { max-width: 860px; }
.flip-seven-salon:not(.is-playing) .form-layout { gap: 45px; padding-top: 40px; }
.flip-seven-salon:not(.is-playing) h1 { color: #16414a; font: 750 clamp(2rem, 4vw, 3.1rem)/1.13 'Segoe UI', system-ui, sans-serif; letter-spacing: -.04em; overflow-wrap: anywhere; margin-bottom: 20px; }
.flip-seven-salon:not(.is-playing) h2 { color: #173b43; font: 700 1.35rem/1.2 'Segoe UI', system-ui, sans-serif; letter-spacing: -.025em; }
.flip-seven-salon:not(.is-playing) h3 { color: #173b43; }
.flip-seven-salon:not(.is-playing) .eyebrow { color: #087e87; letter-spacing: .15em; }
.flip-seven-salon:not(.is-playing) .lead { font-size: 1rem; line-height: 1.7; }
.flip-seven-salon:not(.is-playing) .panel,
.flip-seven-salon:not(.is-playing) .room-list-item { background: #fffef6; border: 1px solid var(--line); border-top: 2px solid #efc849; border-radius: 1px; box-shadow: none; }
.flip-seven-salon:not(.is-playing) .panel p { font-size: .9rem; line-height: 1.7; }
.flip-seven-salon:not(.is-playing) .button { background: #087e87; border: 1px solid #087e87; border-radius: 1px; transform: none; }
.flip-seven-salon:not(.is-playing) .button:hover:not(:disabled) { background: #06636b; border-color: #06636b; }
.flip-seven-salon:not(.is-playing) .button.secondary { background: transparent; color: #087e87; border-color: #5b9c9e; }
.flip-seven-salon:not(.is-playing) .button.secondary:hover { background: #e5f3ee; }
.flip-seven-salon:not(.is-playing) .button.danger { background: #a63d3b; border-color: #a63d3b; }
.flip-seven-salon:not(.is-playing) .button.danger:hover { background: #86302f; }
.flip-seven-salon:not(.is-playing) .field input,
.flip-seven-salon:not(.is-playing) .field select,
.flip-seven-salon:not(.is-playing) .directory-filters select { background: #fffef6; border: 1px solid #aec9c3; border-radius: 1px; color: var(--ink); }
.flip-seven-salon:not(.is-playing) .field label { color: #173b43; }
.flip-seven-salon:not(.is-playing) .form-panel .button { width: 100%; }
.flip-seven-salon:not(.is-playing) .badge,
.flip-seven-salon:not(.is-playing) .player-avatar { background: #f8e59a; color: #124953; border-radius: 1px; }
.flip-seven-salon:not(.is-playing) .lobby-person { border-radius: 1px; background: #edf4e9; }
.flip-seven-salon:not(.is-playing) .errorlist { border-radius: 1px; }
.flip-seven-salon:not(.is-playing) .flash-message { border-radius: 1px; background: #fffef6; color: #173b43; border-color: #aec9c3; }
.flip-seven-salon:not(.is-playing) a:focus-visible,
.flip-seven-salon:not(.is-playing) button:focus-visible,
.flip-seven-salon:not(.is-playing) input:focus-visible,
.flip-seven-salon:not(.is-playing) select:focus-visible { outline: 3px solid #9c6816; outline-offset: 4px; }
.flip-seven-salon:not(.is-playing) .salon-game-identity { display: flex; width: fit-content; align-items: center; gap: 12px; margin-bottom: 22px; color: #16414a; text-decoration: none; }
.flip-seven-salon:not(.is-playing) .salon-game-identity img { width: 66px; height: 66px; object-fit: contain; background: #fff; border: 1px solid #efc849; }
.flip-seven-salon:not(.is-playing) .salon-game-identity span { font: 900 2rem/1 'Segoe UI', system-ui, sans-serif; letter-spacing: -.05em; }
.flip-seven-salon:not(.is-playing) .salon-game-identity em { font: inherit; }
.flip-seven-salon:not(.is-playing) footer { border-color: var(--line); max-width: 1036px; font-size: .72rem; }
@media(max-width: 750px) {
  .flip-seven-salon:not(.is-playing) .site-header { padding: 18px 22px; }
  .flip-seven-salon:not(.is-playing) .form-layout { gap: 14px; padding-top: 26px; }
  .flip-seven-salon:not(.is-playing) .section { padding-top: 26px; }
  .flip-seven-salon:not(.is-playing) h1 { font-size: 2.3rem; }
  .flip-seven-salon:not(.is-playing) .salon-game-identity { margin-bottom: 18px; }
  .flip-seven-salon:not(.is-playing) .button-row .button { flex: 1 1 190px; }
}

.flip-seven-salon:not(.is-playing) .panel { border-top: 3px solid #efc849; }
.flip-seven-salon:not(.is-playing) .salon-game-identity strong { color: #087e87; }
.flip-seven-salon:not(.is-playing) .language-switcher select, .flip-seven-salon:not(.is-playing) .language-switcher button { border-radius: 1px; }