.server-info-line { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding-bottom: 13px; margin-bottom: 16px; border-bottom: 1px solid #e4eadf; color: #6d7e61; }
.server-info-line .server-status { display: contents; }
.server-info-line .capacity { display: none; }
.server-info-line .status-pill { padding: 3px 7px; font-size: 12px; }
.server-info-line .player-count { font-size: 13px; white-space: nowrap; }
.server-info-line .player-count strong { font-size: inherit; }
.server-info-line .current-map { font-size: 12px; }
.modal-server-maps { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; min-width: 0; }
.modal-server-maps > span { overflow-wrap: anywhere; }
.modal-server-maps .fa-map { color: #789265; flex-shrink: 0; }

.join-rules-notice { color: var(--ci-muted, #617169); font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
.join-rules-link { display: inline; border: 0; padding: 0; background: transparent; color: var(--ci-primary, #285c46); font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.join-rules-link:hover { color: var(--ci-primary-hover, #1c4433); }

.join-rules-notice { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px solid var(--ci-border, #dce5df); border-left: 3px solid var(--ci-primary, #285c46); border-radius: 10px; background: var(--ci-soft, #edf3ef); color: var(--ci-text, #20332b); }
.join-rules-notice > i { flex-shrink: 0; margin-top: 4px; color: var(--ci-primary, #285c46); }
.join-rules-notice > p { margin: 0; }

/* Soft red emphasis for the server rules notice. */
.join-rules-notice { background: var(--ci-danger-soft, #fcf0ed); border-color: #efd6d0; border-left-color: var(--ci-danger, #a44538); color: #773f36; }
.join-rules-notice > i, .join-rules-notice .join-rules-link { color: var(--ci-danger, #a44538); }
.join-rules-notice .join-rules-link:hover { color: #87382e; }