body>main>nav.navbar-vertical {
	position: fixed !important;
}

div.tabbable { 
	
	.nav.nav-underline {
		border-bottom:1px solid rgba(0,0,0,.1);
		
		.nav-link {
			border-radius:6px 6px 0 0;
			background-color:rgba(0,0,0,.05);
			padding-left:1em;
			padding-right:1em;
		}

.nav-link.active {
	background-color: rgba(0, 0, 0, .1);
}

}

.tab-content {
	padding-top: 1em;
}

}
/* Tooltips dürfen den Mauszeiger nie abfangen. Bootstrap platziert den Tooltip ohne Abstand am
   Träger; steht der Zeiger am Rand eines kleinen Symbols/Buttons (Schloss in der Projektübersicht,
   Bearbeiten-Buttons in der Layout-Menüleiste), liegt der Tooltip unter dem Zeiger, der Träger
   verliert den Hover, der Tooltip verschwindet, der Träger bekommt den Hover zurück usw. - das
   "Wubbeln". Gilt seitenweit für alle Tooltips (.btn[title] aus dem Webapp-Paket ebenso wie
   [data-bs-toggle="tooltip"]); die Einzelregeln in Layout/Validation.css bleiben als Doku bestehen. */
.tooltip {
	pointer-events: none;
}

/* Kopfzeile der ermittelten globalen Windparameter innerhalb der Sektortabelle einer Referenzwindverteilung
   (I17SGGT-590): sieht aus wie der Tabellenkopf; davor eine weiße Leerzeile (ohne Streifen der table-striped). */
td.siteguard-wv-determined-spacer {
	--phoenix-table-bg-type: transparent;
	--phoenix-table-accent-bg: transparent;
	background-color: var(--phoenix-emphasis-bg, #fff);
	box-shadow: none;
}

td.siteguard-wv-determined-head {
	font-size: .8rem;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--phoenix-emphasis-color);
}

/* Formularfeld mit Validierungsfehler (z. B. X/Y der WV/WM-Koordinate): rote Umrandung, Meldung als Hinweis darunter */
.siteguard-field-invalid .form-control,
.siteguard-field-invalid .input-group-text {
    border-color: var(--phoenix-danger);
}

.siteguard-field-invalid .note .fa {
    color: var(--phoenix-danger);
}

/* WV/WM-Höhe 0 (I17SGGT-593): der Hinweis steht immer im Markup, sichtbar nur am markierten Feld (Wizard.js schaltet die Klasse) */
.note:has(.siteguard-height-missing-note) {
    display: none;
}

.siteguard-field-invalid .note:has(.siteguard-height-missing-note) {
    display: block;
}

/* Verfügbare Anlagen (Siteguard/Wea::Overview): die Herstellerliste steht schon in einem umrandeten Filterkasten -
   kein zweiter Rahmen der Checkbox-Liste. */
.siteguard-wea-overview .wep-checklist__list {
    border: 0;
    padding: .4rem 0 0;
}

/* Verfügbare Anlagen: Leistung je Rotorfläche hinter der (rechtsbündigen) Nennleistung - etwas Abstand nach links,
   deutlich mehr nach rechts zum Rotordurchmesser. */
.table .siteguard-wea-power-density {
    width: 1%;
    white-space: nowrap;
    padding-left: 2.25rem;
    padding-right: 4rem;
}

/* Verfügbare Anlagen: Spalten der Bereichsfilter (NH, Leistung, RD, Auslegungslebensdauer) und der Namenssuche.
   Das form-grid erzwingt mit 11 Spaltenabständen je Feld ~161 px - schmaler gesetzt, dazu engerer Abstand von/bis;
   die Mindestbreite hält Eingabe und Einheit (bis "Jahre") lesbar, darunter bricht die Zeile um. */
.siteguard-wea-range-col {
    min-width: 22rem;
}

/* Abstand zwischen umgebrochenen Kästen */
.row:has(> .siteguard-wea-range-col) {
    row-gap: 1.5rem;
}

.siteguard-wea-range-col .row {
    --phoenix-gutter-x: 1rem;
}

.siteguard-wea-range-col ul.form-grid {
    column-gap: .25rem;
}

/* Tabellenspalte auf Inhaltsbreite (z. B. Nennleistung + W/m² in den verfügbaren Anlagen, Siteguard/Wea::Overview):
   die übrige Breite verteilt sich auf die anderen Spalten. */
.siteguard-column-shrink {
    width: 1%;
    white-space: nowrap;
}

/* Auswahlfelder mit nicht freigeschaltetem Bestandswert (z. B. 36 Sektoren ohne Recht, Layout/Model::
   CreateAmountSectorsElement): Ein Wechsel ist nicht umkehrbar - Feld und Hinweis deutlich hervorheben. */
.sg-option-restricted-current select {
    border-color: #f59e0b;
    box-shadow: 0 0 0 .15rem rgba(245, 158, 11, .25);
}

.sg-option-restricted-current .note {
    color: #b45309;
    font-weight: 600;
}

/* Ergebnisansicht, CSV-Reiter: Excel-Exporte - Gesamt als Knopfgruppe, Module eingeklappt als Raster. */
.sg-excel-downloads {
	text-align: left;
}

/* Aufgeklappt mehr Breite, damit die Module zweispaltig stehen (das Listing ist sonst nur so breit wie sein Inhalt). */
.sg-excel-downloads:has(details[open]) {
	min-width: 64rem;
}

.sg-excel-downloads summary {
	cursor: pointer;
	font-weight: 600;
	margin-top: .25rem;
}

.sg-excel-modules {
	list-style: none;
	margin: .5rem 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
	column-gap: 1.5rem;
}

.sg-excel-module {
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	padding: .3rem .25rem;
	border-bottom: 1px solid var(--phoenix-border-color, #e3e6ed);
}

.sg-excel-module:hover {
	background-color: var(--phoenix-secondary-bg, #f5f7fa);
}

.sg-excel-module-label {
	flex: 1 1 auto;
	min-width: 0;
	white-space: normal;
	font-size: .85rem;
}

.sg-excel-module .btn-group {
	flex-shrink: 0;
}

/* Optionen herstellerspezifischer Ergebnisdateien: WEA-Auswahl als Tabelle, Häkchen links. */
.sg-wea-selection table td,
.sg-wea-selection table th {
	white-space: nowrap;
	vertical-align: middle;
}

.sg-wea-selection table td:first-child {
	width: 1%;
	text-align: center;
}

/* Optionen herstellerspezifischer Ergebnisdateien: Hinweis auf vorhandene WSM-Ergebnisse (gleicher Bernsteinton wie
   die markierte Auswahl darunter) und von "Nein" abweichende WSM-Auswahl farbig markieren. */
.sg-wsm-notice {
	display: flex;
	align-items: center;
	gap: .5rem;
	margin-top: .5rem;
	padding: .5rem .75rem;
	background-color: #fffbeb;
	border: 1px solid #fde68a;
	border-left: 4px solid #f59e0b;
	border-radius: .375rem;
	color: #92400e;
	font-size: .875rem;
	font-weight: 600;
}

.sg-wsm-notice .fa {
	color: #f59e0b;
	font-size: 1rem;
}

.form-select.sg-option-deviates {
	background-color: #fef3c7;
	border-color: #f59e0b;
	box-shadow: 0 0 0 .15rem rgba(245, 158, 11, .25);
	color: #b45309;
	font-weight: 600;
}