/**
 * SERPS Plugin Styles
 * Ausgelagert aus serps.tmpl.php
 *
 * Light-Mode Farben: aus colors.css (adminx/template/www.seofuxx.com/assets/css/colors.css)
 */

.chart-right {
    text-align: right;
}

.chart-right>div {
    display: flex;
    justify-content: flex-end;
}

/* ===========================================
   LIGHT MODE – SERPS Plugin
   Nur serps-spezifische Overrides.
   Tabellen, Alerts, Nav-Tabs, Glass etc. werden global in app.css gelöst.
   =========================================== */

/* --- Chart header text --- */
html[data-theme="light"] .serps .border-b h6 {
    color: hsl(var(--foreground));
}

/* --- Position badges (keep readable in light mode) --- */
html[data-theme="light"] .serps .bg-green-600 {
    background-color: #16a34a !important;
}

html[data-theme="light"] .serps .bg-yellow-600 {
    background-color: #ca8a04 !important;
}

html[data-theme="light"] .serps .bg-red-600 {
    background-color: #dc2626 !important;
}

/* --- Card header select styling in light mode --- */
html[data-theme="light"] .serps .card-header select {
    background-color: rgba(0, 0, 0, 0.08);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

/* --- Links inside tables --- */
html[data-theme="light"] .serps .table a {
    color: hsl(280 70% 45%);
}

html[data-theme="light"] .serps .table a:hover {
    color: hsl(280 70% 35%);
}