/* Knöpfe Burggraben/Watchlist, Kasten, Hinweis-Dialog (konto-knoepfe.php).
   Steht teils im Theme-Kopf außerhalb von .fomo-seite → Farben direkt statt Variablen.
   GeneratePress setzt `button:not(.menu-toggle)` auf 19px fett, blau, und sein CSS steht NACH diesem (Kopf) —
   deshalb Elternklasse + `button.` (Stärke 0,2,1), sonst gewinnt das Theme (live 05.11.2026). */

.fk-aktionen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; text-align: left; }

:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf {
	display: inline-flex; align-items: center; gap: 6px; margin: 0;
	padding: 5px 14px; border: 1px solid #c3c9d4; border-radius: 999px;
	background: #fff; color: #141414; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.4;
	cursor: pointer; white-space: nowrap; text-decoration: none;
}
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf:hover, :is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf:focus-visible { border-color: #3066b2; color: #3066b2; background: #fff; }
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-knopf-voll { background: #3066b2; border-color: #3066b2; color: #fff; padding: 8px 18px; font-size: 15px; font-weight: 600; }
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-knopf-voll:hover, :is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-knopf-voll:focus-visible { background: #1f4f99; border-color: #1f4f99; color: #fff; }
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-gut { border-color: #1a7f4b; color: #1a7f4b; }
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-mittel { border-color: #d49a1f; color: #8a6008; }
:is(.fk-aktionen, .fk-kasten, .fk-dialog) button.fk-knopf.fk-schwach { border-color: #b4321a; color: #b4321a; }

.fk-pro {
	display: inline-block; padding: 1px 7px; border-radius: 4px; vertical-align: 2px;
	background: #F5B93A; color: #1A2D4A; font-size: 11px; font-weight: 700; letter-spacing: .03em; line-height: 1.4;
}
.fk-marke { display: inline-block; padding: 1px 9px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.fk-marke.fk-gut { background: #e3f4ea; color: #1a7f4b; }
.fk-marke.fk-mittel { background: #fdf3dc; color: #8a6008; }
.fk-marke.fk-schwach { background: #fde8e4; color: #b4321a; }

/* Kasten unter der Qualitätsprüfung: so breit wie deren Liste, Abstand wie zwischen Kästen (Tobi 05.11.);
   unten kein Abstand — der nächste Abschnitt bringt seine 3rem selbst mit. */
.fk-kasten {
	margin: 1.5rem 0 0; padding: 18px 22px;
	border: 1px solid #e4ebf5; border-left: 4px solid #3066b2; border-radius: 8px; background: #f7f9fc;
}
.fk-kasten p { margin: 0 0 10px; font-size: 16px; color: #141414; }
.fk-kasten .fk-kasten-titel { font-size: 17px; font-weight: 700; color: #1B1B42; }
.fk-kasten .fk-kasten-knoepfe { display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 0; }

/* Hinweis-Dialog */
.fk-dialog {
	width: min(440px, calc(100vw - 32px)); padding: 26px 26px 22px; border: 0; border-radius: 12px;
	box-shadow: 0 20px 60px rgba(26, 45, 74, .25); color: #141414; font-size: 16px; line-height: 1.5;
}
.fk-dialog::backdrop { background: rgba(26, 45, 74, .45); }
.fk-dialog p { margin: 0 0 12px; }
.fk-dialog .fk-d-titel { font-size: 19px; font-weight: 700; color: #1B1B42; padding-right: 24px; }
.fk-dialog .fk-d-knoepfe { margin: 18px 0 10px; }
.fk-dialog .fk-d-knoepfe button.fk-knopf { width: 100%; justify-content: center; }
.fk-dialog .fk-d-klein { font-size: 14px; color: #5a6b85; text-align: center; margin: 0; }
.fk-dialog a { color: #3066b2; text-decoration: underline; }
.fk-dialog button.fk-zu {
	position: absolute; top: 10px; right: 12px; width: 32px; height: 32px; padding: 0;
	border: 0; background: none; color: #5a6b85; font-size: 24px; font-weight: 400; line-height: 1; cursor: pointer;
}
.fk-dialog button.fk-zu:hover, .fk-dialog button.fk-zu:focus { color: #141414; background: none; }

/* Screener-Spalte */
.fomo-screener button.fk-zelle {
	display: inline-block; margin: 0; padding: 2px 10px; border: 1px solid #c3c9d4; border-radius: 10px; background: #fff;
	color: #3066b2; font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1.4; cursor: pointer; white-space: nowrap;
}
.fomo-screener button.fk-zelle:hover, .fomo-screener button.fk-zelle:focus { border-color: #3066b2; background: #fff; color: #3066b2; }
.fomo-screener button.fk-zelle.fk-marke { border-color: transparent; }
.fomo-screener button.fk-zelle.fk-gut { background: #e3f4ea; color: #1a7f4b; }
.fomo-screener button.fk-zelle.fk-mittel { background: #fdf3dc; color: #8a6008; }
.fomo-screener button.fk-zelle.fk-schwach { background: #fde8e4; color: #b4321a; }