/* Page: Template:Infobox SWR/styles.css  (content model: Sanitized CSS)
   MediaWiki 1.43 version of the Claude Design stylesheet: TemplateStyles' CSS sanitizer on 1.43
   rejects CSS custom properties / var(), so the three faction palettes are written out per class.
   Palettes: neutral head #00ccff band #062433 text #7fe6ff border #0e4a66
             alliance head #e8742e band #2a160c text #f2a06e border #6b2a12
             empire   head #8c9aa6 band #1c2228 text #c5ced6 border #3a4550 */
.swr-infobox {
	float: right; clear: right; width: 310px; max-width: 100%; margin: 0 0 20px 24px;
	background: #05090c; border: 1px solid #0e4a66; font-size: 13px; line-height: 1.5;
}
.swr-navbox {
	clear: both; margin-top: 28px; background: #05090c; border: 1px solid #0e4a66; font-size: 13px;
}
.swr-infobox--alliance, .swr-navbox--alliance { border-color: #6b2a12; }
.swr-infobox--empire, .swr-navbox--empire { border-color: #3a4550; }

.swr-infobox__head { display: flex; justify-content: space-between; align-items: center; gap: 8px; background: #00ccff; color: #000; padding: 10px 12px; }
.swr-infobox--alliance .swr-infobox__head { background: #e8742e; }
.swr-infobox--empire .swr-infobox__head { background: #8c9aa6; }
.swr-infobox__title { font: 700 17px 'Exo 2', sans-serif; }
.swr-infobox__faction { font-size: 10px; font-weight: 700; letter-spacing: .8px; background: #000; color: #00ccff; padding: 3px 6px; }
.swr-infobox--alliance .swr-infobox__faction { color: #e8742e; }
.swr-infobox--empire .swr-infobox__faction { color: #8c9aa6; }
.swr-infobox__image { background: #0a1118; text-align: center; }
.swr-infobox__image img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.swr-infobox__kind { padding: 6px 12px; font-size: 12px; color: #9fb0bc; text-align: center; border-top: 1px solid #16212a; }
.swr-infobox__band { background: #062433; color: #7fe6ff; font: 700 11px 'Exo 2', sans-serif; letter-spacing: 1px; text-transform: uppercase; padding: 6px 12px; }
.swr-infobox--alliance .swr-infobox__band { background: #2a160c; color: #f2a06e; }
.swr-infobox--empire .swr-infobox__band { background: #1c2228; color: #c5ced6; }
.swr-infobox__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 6px 12px; border-top: 1px solid #16212a; }
.swr-infobox__label { color: #9fb0bc; }
/* Rows and groups with no value leave blank lines, which MediaWiki turns into empty paragraphs. */
.swr-infobox > p, .swr-navbox > p, .swr-navbox .mw-collapsible-content > p { display: none; }
.swr-infobox__data { color: #fff; font-weight: 600; font-family: Consolas, Menlo, monospace; font-size: 12px; text-align: right; }

.swr-navbox__head { position: relative; background: #00ccff; color: #000; padding: 7px 12px; text-align: center; }
.swr-navbox--alliance .swr-navbox__head { background: #e8742e; }
.swr-navbox--empire .swr-navbox__head { background: #8c9aa6; }
.swr-navbox__head a { color: #000; }
.swr-navbox__vte { position: absolute; left: 12px; font-size: 11px; font-weight: 600; }
.swr-navbox__title { font: 700 14px 'Exo 2', sans-serif; }
.swr-navbox__row { display: grid; grid-template-columns: 150px minmax(0, 1fr); border-top: 1px solid #16212a; }
.swr-navbox__group { background: #062433; color: #7fe6ff; font-weight: 700; padding: 8px 12px; text-align: right; }
.swr-navbox--alliance .swr-navbox__group { background: #2a160c; color: #f2a06e; }
.swr-navbox--empire .swr-navbox__group { background: #1c2228; color: #c5ced6; }
.swr-navbox__list { padding: 8px 12px; line-height: 1.7; }

.swr-notice { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; margin: 0 0 20px; border: 1px solid #00ccff; background: #041219; font-size: 13px; line-height: 1.55; }
.swr-notice--warning { border-color: #e6c619; background: #0f0d04; }
.swr-notice--version { border-color: #8c9aa6; background: #0b0e11; }
.swr-notice__icon { flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; background: #00ccff; color: #000; font: 700 14px 'Exo 2', sans-serif; }
.swr-notice--warning .swr-notice__icon { background: #e6c619; }
.swr-notice--version .swr-notice__icon { background: #8c9aa6; }
.swr-notice__text b { color: #fff; }

.swr-mainbox { background: #05090c; border: 1px solid #12324a; margin-bottom: 20px; }
.swr-mainbox__head { background: #0084ff; color: #000; padding: 9px 14px; font: 700 15px 'Exo 2', sans-serif; }
.swr-mainbox__body { padding: 12px 14px; font-size: 14px; line-height: 1.7; }
.swr-mainbox--gold { background: #0f0d04; border-color: #e6c619; }
.swr-mainbox--gold .swr-mainbox__head { background: #e6c619; }
.swr-portals { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px; margin-bottom: 22px; }
.swr-portal { padding: 14px; background: #05090c; border: 1px solid #12324a; border-top: 3px solid #00ccff; }
.swr-portal--alliance { border-top-color: #e8742e; }
.swr-portal--empire { border-top-color: #8c9aa6; }
.swr-portal b { display: block; font: 700 15px 'Exo 2', sans-serif; }
.swr-portal span { font-size: 12px; color: #7d8a94; }
.swr-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; align-items: start; }

@media (max-width: 720px) {
	.swr-infobox { float: none; width: auto; margin: 0 0 20px; }
	.swr-navbox__row { grid-template-columns: 1fr; }
	.swr-navbox__group { text-align: left; }
}