/* Royalis 2026 — compact FluxCP module presentation
   Inspired by simple information-first Ragnarok control-panel layouts. */

.module-server.action-info .royalis-page-shell,
.royalis-main-inner .royalis-page-shell:not(.royalis-page-shell-home) {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
}

.module-server.action-info .royalis-page-shell {
  padding: 54px 34px 70px;
  background: #fff;
  border: 1px solid #e5ebf4;
  border-radius: 22px;
  box-shadow: 0 16px 44px rgba(10, 31, 68, .08);
}

.royalis-simple-page-head {
  max-width: 760px;
  margin: 0 0 42px;
}
.royalis-simple-kicker {
  margin: 0 0 8px;
  color: #1772d0;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.royalis-simple-page-head h1 {
  margin: 0 0 12px;
  color: #0c1f43;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.05;
}
.royalis-simple-page-head p {
  margin: 0;
  color: #52627b;
  font-size: 1rem;
  line-height: 1.75;
}

.royalis-info-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  align-items: start;
}
.royalis-info-table-block h2 {
  margin: 0 0 12px;
  color: #2356db;
  font-size: 1.25rem;
  text-align: center;
}
.royalis-info-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  font-size: .95rem;
}
.royalis-info-table th,
.royalis-info-table td {
  padding: 13px 14px;
  border: 1px solid #dce5f2;
  vertical-align: top;
  text-align: left;
}
.royalis-info-table th {
  width: 47%;
  background: #f7f9fc;
  color: #0b1b36;
  font-weight: 800;
}
.royalis-info-table td {
  color: #26364f;
}
.royalis-info-table td strong { color: #0d326d; }
.royalis-info-table td small {
  display: block;
  margin-top: 4px;
  color: #738098;
  font-size: .78rem;
  line-height: 1.45;
}
.royalis-info-table thead th {
  width: auto;
  background: #f0f5fd;
  color: #0d326d;
}
.royalis-info-table-block-wide { max-width: 760px; }

.royalis-simple-section {
  margin-top: 52px;
  padding-top: 34px;
  border-top: 1px solid #e8edf5;
}
.royalis-simple-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
}
.royalis-simple-section-head h2 {
  margin: 0;
  color: #0b1f44;
  font-size: 1.65rem;
}
.royalis-simple-section-head p {
  max-width: 560px;
  margin: 0;
  color: #68768c;
  line-height: 1.6;
}
.royalis-simple-feature-list,
.royalis-simple-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.royalis-simple-feature-list > div,
.royalis-simple-link-grid > a {
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 18px 19px;
  border: 1px solid #e0e7f1;
  border-radius: 10px;
  background: #fbfcfe;
}
.royalis-simple-feature-list strong,
.royalis-simple-link-grid strong {
  color: #102b5d;
  font-size: .95rem;
}
.royalis-simple-feature-list span,
.royalis-simple-link-grid span {
  color: #63728b;
  font-size: .86rem;
  line-height: 1.55;
}
.royalis-simple-link-grid > a:hover {
  border-color: #b7c9e7;
  background: #f5f8fe;
  text-decoration: none;
}
.royalis-simple-note {
  margin: 18px 0 0;
  padding: 13px 15px;
  border-left: 3px solid #e6b84f;
  background: #fff9ea;
  color: #665325;
  font-size: .86rem;
  line-height: 1.55;
}
.royalis-simple-connect {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-top: 54px;
  padding: 24px;
  border-radius: 12px;
  background: #0d2b5d;
  color: #fff;
}
.royalis-simple-connect h2 { margin: 0 0 5px; color: #fff; }
.royalis-simple-connect p { margin: 0; color: #c8d5e9; }
.royalis-simple-connect > div:last-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.royalis-simple-connect a {
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
}

/* Keep standard FluxCP modules light and information-first without redesigning Home. */
body:not(.module-main):not(.module-wiki) .royalis-page-shell table:not(.royalis-info-table) {
  border-collapse: collapse;
}
body:not(.module-main):not(.module-wiki) .royalis-page-shell table:not(.royalis-info-table) th,
body:not(.module-main):not(.module-wiki) .royalis-page-shell table:not(.royalis-info-table) td {
  border-color: #e1e7f0;
}
body:not(.module-main):not(.module-wiki) .royalis-page-shell input[type="text"],
body:not(.module-main):not(.module-wiki) .royalis-page-shell input[type="password"],
body:not(.module-main):not(.module-wiki) .royalis-page-shell input[type="email"],
body:not(.module-main):not(.module-wiki) .royalis-page-shell select,
body:not(.module-main):not(.module-wiki) .royalis-page-shell textarea {
  border-radius: 8px;
  border-color: #d7dfeb;
}

@media (max-width: 860px) {
  .module-server.action-info .royalis-page-shell { padding: 34px 18px 50px; }
  .royalis-info-columns,
  .royalis-simple-feature-list,
  .royalis-simple-link-grid { grid-template-columns: 1fr; }
  .royalis-simple-section-head,
  .royalis-simple-connect { align-items: flex-start; flex-direction: column; }
}