/* Public community pages share the approved content styling. */
.community-page #RavoraPage .pg-moldura :is(.Table1, .Table2, .Table3) {
  background: linear-gradient(110deg, #fff6e6, #f3e5cb);
  border-color: #c0a981;
  box-shadow: 0 2px 3px #694e2010;
}
.community-page #RavoraPage .pg-moldura .InnerTableContainer {
  width: auto;
  margin: 0;
  padding: 12px;
  color: #493b2c;
  font: 12px/1.7 Verdana, sans-serif;
}
.community-page #RavoraPage #portal-form .InnerTableContainer { padding: 16px; }
.community-page #RavoraPage .community-filters {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}
.community-page #RavoraPage .community-filters label {
  display: block;
  margin-bottom: 6px;
  color: #57432d;
  font: bold 11px/1.4 Verdana, sans-serif;
}
.community-page #RavoraPage .community-filters select {
  width: 100%;
  min-width: 0;
  height: 36px;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 9px;
  border: 1px solid #a89678;
  border-radius: 2px;
  background: #fffaf0;
  color: #3e352a;
  box-shadow: inset 0 1px 2px #6d512010;
  font: 12px/1.5 Verdana, sans-serif;
}
.community-page #RavoraPage .community-filter-actions { grid-column: 1 / -1; }
.community-page #RavoraPage :is([data-portal="online"], [data-portal="deaths"], [data-portal="killstats"]) .community-filters {
  grid-template-columns: minmax(0, 320px) auto;
  justify-content: start;
}
.community-page #RavoraPage :is([data-portal="online"], [data-portal="deaths"], [data-portal="killstats"]) .community-filter-actions { grid-column: auto; }
.community-page #RavoraPage .pg-moldura .BigButton {
  display: inline-block;
  width: auto;
  height: auto;
  background: none !important;
  filter: none;
}
.community-page #RavoraPage .pg-moldura .BigButtonOver { display: none; }
.community-page #RavoraPage .pg-moldura .BigButtonText {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-width: 110px;
  min-height: 36px;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 17px;
  border: 1px solid var(--action-border, #263d31);
  border-radius: 2px;
  background: var(--action-background, #34503e);
  box-shadow: inset 0 0 0 1px var(--action-inset, #61705b);
  color: #fff3d8;
  font: bold 11px Verdana, sans-serif;
  text-shadow: none;
  text-decoration: none;
  cursor: pointer;
}
.community-page #RavoraPage .pg-moldura .BigButtonText:not(:disabled):hover { background: var(--action-hover, #45654c); }
.community-page #RavoraPage .pg-moldura .BigButtonText:disabled {
  background: #e4d4b9;
  border-color: #ac9979;
  color: #76674e;
  box-shadow: none;
  cursor: default;
}
.community-page #RavoraPage .pg-moldura :focus-visible { outline: 2px solid #185b88; outline-offset: 3px; }
.community-page #RavoraPage .pg-moldura > p { font: 12px/1.7 Verdana, sans-serif; color: #57432d; }
.community-page #RavoraPage .pg-moldura .TableContentContainer {
  margin: 0;
  border: 0;
  box-shadow: none;
}
.community-page #RavoraPage .pg-moldura .TableContent,
.community-page #RavoraPage .pg-moldura .Table2 .InnerTableContainer > table {
  border: 1px solid #c6b18d !important;
  border-collapse: collapse;
  color: #493b2c;
  font: 12px/1.7 Verdana, sans-serif;
}
.community-page #RavoraPage .pg-moldura .TableContent td,
.community-page #RavoraPage .pg-moldura .Table2 .InnerTableContainer > table > tbody > tr > td {
  padding: 7px 10px;
  border: 1px solid #d5c4a8;
  vertical-align: middle;
  font: inherit;
}
.community-page #RavoraPage #portal-result .LabelH { background: #dfe4ce; color: #354b2e; }
.community-page #RavoraPage #portal-result .LabelH td { font-weight: bold; }
.community-page #RavoraPage #portal-result a:not(.BigButtonText) { color: #294533; text-underline-offset: 3px; }
.community-page #RavoraPage #portal-result .Table1 .InnerTableContainer > table > tbody > tr > td {
  padding: 4px 8px;
  font: inherit;
}
.community-page #RavoraPage #portal-result .Table1 .LabelV200 { font-weight: bold; }
.community-page #RavoraPage #portal-result .Table1 .LabelV200,
.community-page #RavoraPage #portal-result .DoNotBreak { white-space: normal; }
.community-page #RavoraPage [data-portal="highscores"] #portal-result .TableContent td { white-space: nowrap; }
.community-page #RavoraPage #portal-result .PageNavigation { padding: 10px 0; }
.community-page #RavoraPage #portal-result .PageNavigation small { font: 10px/2 Verdana, sans-serif; }
.community-page #RavoraPage #portal-result .PageLink > :is(a, span) {
  display: inline-block;
  min-width: 26px;
  box-sizing: border-box;
  padding: 2px 5px;
  border: 1px solid #bca582;
  border-radius: 2px;
  background: #fff6e6;
  text-align: center;
  text-decoration: none;
}
.community-page #RavoraPage #portal-result .PageLink > a:hover { background: #e6d5b9; }
.community-page #RavoraPage #portal-result .PageLink > .CurrentPageLink {
  border-color: #263d31;
  background: #34503e;
  color: #fff3d8;
}
@media (max-width: 600px) {
  .community-page #RavoraPage .pg-moldura .InnerTableContainer { padding: 8px; }
  .community-page #RavoraPage #portal-form .InnerTableContainer { padding: 12px; }
  .community-page #RavoraPage .community-filters,
  .community-page #RavoraPage :is([data-portal="online"], [data-portal="deaths"], [data-portal="killstats"]) .community-filters { grid-template-columns: minmax(0, 1fr); }
  .community-page #RavoraPage .pg-moldura .TableContent td,
  .community-page #RavoraPage .pg-moldura .Table2 .InnerTableContainer > table > tbody > tr > td { padding: 6px; }
  .community-page #RavoraPage [data-portal="highscores"] .TableContent { min-width: 530px; }
  .community-page #RavoraPage [data-portal="killstats"] .TableContent { min-width: 500px; }
  .community-page #RavoraPage #portal-result .Table1 .LabelV200 { width: 40%; }
}

/* Retain the original action color in the updated button treatment. */
.community-page #RavoraPage .pg-moldura .BigButton[style*="button_blue"] {
  --action-background: #345066;
  --action-hover: #456780;
  --action-border: #263d50;
  --action-inset: #61798a;
}
