/* ============================================================
   RESERVATET — shared styles (must be at vault root as publish.css)
   ============================================================ */

.r-login-status {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 8px 12px;
  margin-bottom: 6px;
  color: #333;
}
.r-login-status a { color: #2255aa; }
.rnav-badge { color: #cc0000 !important; font-weight: bold; }

.rbox {
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 14px;
  margin-bottom: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.rbox h2, .rbox h3 { color: #2f4f7f; margin: 0 0 10px; }

.rbtn {
  display: inline-block !important;
  background: #e0e0e0 !important;
  border: 2px solid #666 !important;
  color: #111 !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  margin: 4px 4px 4px 0;
  line-height: normal;
}
.rbtn-primary { background: #2f4f7f !important; border-color: #1c3557 !important; color: #fff !important; }
.rbtn-accent { background: #ff9933 !important; border-color: #cc7a1f !important; color: #fff !important; }

.rinput, .rtextarea {
  width: 100%;
  box-sizing: border-box;
  font-size: 13px;
  padding: 5px;
  margin: 3px 0 10px;
  border: 1px solid #999;
  border-radius: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.rtextarea { height: 60px; }
.rtextarea-large { height: 160px; }

label { font-size: 12px; color: #333; display: block; }
.rcheckbox-label { display: flex; align-items: center; gap: 6px; margin-bottom: 10px; }

.rerror { color: #b00000; font-size: 12px; margin-top: 6px; }
.rmuted { color: #888; font-size: 11px; }

.rcolumns { display: flex; gap: 18px; }
.rcol-main { flex: 2.2; }
.rcol-side { flex: 1; }

.rgroup-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 20px;
  margin-bottom: 10px;
}
.rgroup-link { color: #1a3f8f; text-decoration: underline; font-size: 13px; }

.rbulletin, .rcomment, .rmessage {
  border-bottom: 1px solid #e5e5e5;
  padding: 6px 0;
  font-size: 12px;
}

.rlogin-box h3 { color: #fff; background: #2f4f7f; padding: 8px; margin: -14px -14px 12px; }
.rlogin-buttons { display: flex; gap: 6px; }
.rlogin-buttons .rbtn { flex: 1; text-align: center; }

.rnewest-item { padding: 3px 0; font-size: 12px; }
.rnewest-item a { color: #2f4f7f; }

.rprofile-columns { display: flex; gap: 18px; }
.rprofile-side { flex: 1; max-width: 240px; }
.rprofile-main { flex: 2; }

.rinfo-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 11px; }
.rinfo-table td { padding: 4px 6px; border-bottom: 1px solid #e5e5e5; }
.rinfo-table td:first-child { color: #666; }
.rinfo-table td:last-child { text-align: right; }

.rabout-me { padding: 0; overflow: hidden; }

.rtop8-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.rtop8-item {
  display: block;
  text-align: center;
  font-size: 11px;
  color: #2f4f7f;
  background: #eee;
  border: 1px solid #ccc;
  padding: 8px 2px;
  text-decoration: none;
}

.rgastlistan-item { padding: 4px 0; font-size: 13px; border-bottom: 1px solid #eee; }

.rchat-history { border: 1px solid #eee; background: #fafafa; padding: 8px; max-height: 300px; overflow-y: auto; margin-bottom: 10px; }
.rchat-msg { font-size: 12px; margin-bottom: 6px; }
.rchat-input-row { display: flex; gap: 6px; }
.rchat-input-row .rinput { margin: 0; flex: 1; }