/* ECNChat 7.1Q2 - Available Rooms Grid Polish only */

/* Keep this file focused on room grid polish.
   Do not restyle the whole homepage header/footer. */

.ecn71q2RoomsTable {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  border: 1px solid #a9c7eb !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(16, 61, 115, .10) !important;
}

.ecn71q2RoomsTable th {
  background: linear-gradient(#2376c9, #1057aa) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  padding: 11px 12px !important;
  border-right: 1px solid rgba(255,255,255,.18) !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.ecn71q2RoomsTable th:last-child {
  border-right: 0 !important;
}

.ecn71q2RoomsTable td {
  padding: 12px 12px !important;
  border-bottom: 1px solid #d7e6f7 !important;
  border-right: 1px solid #e1edf9 !important;
  vertical-align: middle !important;
  background: #ffffff !important;
}

.ecn71q2RoomsTable tr:nth-child(even) td {
  background: #f7fbff !important;
}

.ecn71q2RoomsTable tr:hover td {
  background: #eef7ff !important;
}

.ecn71q2RoomsTable td:last-child {
  border-right: 0 !important;
}

.ecn71q2RoomsTable tr:last-child td {
  border-bottom: 0 !important;
}

.ecn71q2RoomsTable a {
  color: #004db3 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.ecn71q2RoomsTable a:hover {
  text-decoration: underline !important;
}

.ecn71q2RoomsTable .btn,
.ecn71q2RoomsTable button,
.ecn71q2RoomsTable input[type="button"],
.ecn71q2RoomsTable input[type="submit"],
.ecn71q2RoomsTable a[href*="/c/"],
.ecn71q2RoomsTable a[href*="join"] {
  border-radius: 6px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.ecn71q2RoomModePill {
  display: inline-block;
  background: #e7f2ff;
  border: 1px solid #b8d6fb;
  color: #0050a8;
  border-radius: 5px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  margin: 2px 3px 2px 0;
}

.ecn71q2RoomModePill.registered {
  background: #eaf8ef;
  border-color: #bfe8ca;
  color: #137438;
}

.ecn71q2RoomModePill.topic {
  background: #e7f2ff;
  border-color: #b8d6fb;
  color: #0050a8;
}

.ecn71q2RoomModePill.persistent {
  background: #fff4e4;
  border-color: #ffd19a;
  color: #9a5700;
}

.ecn71q2RoomGridWrap {
  border-radius: 10px;
  overflow-x: auto;
  box-shadow: 0 2px 12px rgba(16, 61, 115, .08);
}

/* Direct People & Chat menu visual cue without changing layout */
a[href="/people.html"] {
  text-decoration: none;
}

.ecn71q2MenuNew {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 5px;
  border-radius: 999px;
  background: #c7e5ff;
  color: #0a4e9a;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
  font-weight: 800;
}

@media (max-width: 800px) {
  .ecn71q2RoomsTable th,
  .ecn71q2RoomsTable td {
    padding: 9px 8px !important;
    font-size: 14px !important;
  }
}