/* rooms.css — DIRECT ACTION Briefing Rooms (forked 2026-10-28 from the RV clan site's, 2026-10-22). Tokens only; the site's own chips, pills, bars and buttons (cb.css) do most
   of the work. Server cards carry their state as a top edge in the theme's state colours (green online, amber update/maintenance,
   red offline, grey coming); a room in session carries the red fill chip and a red left edge. The accent stays a fill. */

.br-sec + .br-sec{margin-top:var(--rv-s-8)}
.br-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rv-s-3);margin-bottom:var(--rv-s-4)}
.br-h{margin:0;font-family:var(--cb-font-display);font-size:var(--rv-fs-h1);font-weight:800;text-transform:uppercase;letter-spacing:var(--cb-track-wide);color:var(--rv-text-strong)}
.br-updated{font-size:var(--rv-fs-small);color:var(--rv-text-dim);font-variant-numeric:tabular-nums}
.br-pick{margin-bottom:var(--rv-s-4)}
.br-foot{margin-top:var(--rv-s-5)}

/* the big player count */
.br-count{display:flex;align-items:center;gap:var(--rv-s-5);padding:var(--rv-s-5);margin-bottom:var(--rv-s-4);background:var(--rv-surface-1);border:1px solid var(--rv-border-1);border-left:3px solid var(--rv-accent)}
.br-count__n{font-family:var(--cb-font-display);font-size:calc(var(--rv-fs-h1) * 2);font-weight:800;line-height:1;color:var(--rv-text-strong);min-width:2ch}
.br-count__t{display:flex;flex-direction:column;gap:var(--rv-s-1)}
.br-count__t b{font-family:var(--cb-font-display);font-size:var(--rv-fs-h3);font-weight:800;text-transform:uppercase;letter-spacing:var(--cb-track-wide);color:var(--rv-text-strong)}
.br-count__t > span{color:var(--rv-text)}
.br-count__t .br-count__s{font-size:var(--rv-fs-small);color:var(--rv-text-dim)}

/* the server cards */
.br-servers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rv-s-3)}
.br-srv{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--rv-s-2);padding:var(--rv-s-4);cursor:pointer;background:var(--rv-surface-1);border:1px solid var(--rv-border-1);border-top:3px solid var(--rv-border-2)}
.br-srv:hover{border-color:var(--rv-border-2)}
.br-srv:focus-visible{outline:2px solid var(--rv-focus);outline-offset:2px}
.br-srv[aria-pressed="true"]{background:var(--rv-surface-2);box-shadow:inset 0 0 0 1px var(--rv-text-dim)}
.br-srv--online{border-top-color:var(--rv-success)}
.br-srv--updating,.br-srv--maintenance{border-top-color:var(--rv-warning)}
.br-srv--offline{border-top-color:var(--rv-danger)}
.br-srv--coming{border-top-color:var(--rv-border-2)}
.br-srv--coming .br-srv__name{color:var(--rv-text-dim)}
.br-srv__top{display:flex;align-items:center;justify-content:space-between;gap:var(--rv-s-2)}
.br-srv__plat{font-size:var(--rv-fs-micro);font-weight:700;letter-spacing:var(--cb-track-wide);text-transform:uppercase;color:var(--rv-text-dim)}
.br-srv__name{font-family:var(--cb-font-display);font-size:var(--rv-fs-h3);font-weight:800;color:var(--rv-text-strong);line-height:1.15}
.br-srv__line{font-size:var(--rv-fs-small);color:var(--rv-text)}
.br-srv__back{display:inline-flex;align-items:center;gap:var(--rv-s-1);font-size:var(--rv-fs-small);font-weight:700;color:var(--rv-text-strong)}
.br-srv__back .cb-icon{width:var(--rv-s-4);height:var(--rv-s-4);color:var(--rv-warning)}
.br-srv__ver{font-size:var(--rv-fs-micro);color:var(--rv-text-faint)}

/* the rooms */
.br-group + .br-group{margin-top:var(--rv-s-6)}
.br-group__head{display:flex;align-items:center;gap:var(--rv-s-2);margin-bottom:var(--rv-s-3)}
.br-group__t{margin:0;font-family:var(--cb-font-display);font-size:var(--rv-fs-h2);font-weight:800;text-transform:uppercase;letter-spacing:var(--cb-track-wide);color:var(--rv-text-strong)}
.br-rooms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rv-s-3)}
.br-room{display:flex;flex-direction:column;gap:var(--rv-s-2);padding:var(--rv-s-4);background:var(--rv-surface-1);border:1px solid var(--rv-border-1);border-left:3px solid var(--rv-success)}
.br-room--live{border-left-color:var(--rv-accent)}
.br-room__top{display:flex;align-items:center;gap:var(--rv-s-2);flex-wrap:wrap}
.br-room__series{font-size:var(--rv-fs-micro);font-weight:700;letter-spacing:var(--cb-track-wide);text-transform:uppercase;color:var(--rv-text-dim)}
.br-room__name{margin:0;font-family:var(--cb-font-display);font-size:var(--rv-fs-h2);font-weight:800;color:var(--rv-text-strong);line-height:1.1;overflow-wrap:anywhere}
.br-room__where{margin:0;font-weight:600;color:var(--rv-text)}
.br-room__bar{margin:var(--rv-s-1) 0}
.br-room__time{display:flex;align-items:center;gap:var(--rv-s-1);margin:0;font-size:var(--rv-fs-small);font-weight:600;color:var(--rv-text-strong)}
.br-room__time .cb-icon{width:var(--rv-s-4);height:var(--rv-s-4);color:var(--rv-text-dim)}
.br-room__set{margin:0;font-size:var(--rv-fs-small);color:var(--rv-text-dim)}
.br-room__rules{display:flex;flex-wrap:wrap;gap:var(--rv-s-1)}

@media (max-width:959px){
  .br-servers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .br-rooms{grid-template-columns:1fr}
}
@media (max-width:559px){
  .br-servers{grid-template-columns:1fr}
  .br-count{gap:var(--rv-s-4);padding:var(--rv-s-4)}
  .br-count__n{font-size:calc(var(--rv-fs-h1) * 1.5)}
}