/* Aenderungsprotokoll: 2026-08-02 | subagent-create-cli-researcher | @skill-css-rules, @skill-change-provenance, @skill-search-clickout-analytics | Admin Dashboard Layout/Nav */
/*
 * Admin Content-Breite analog Frontend-Layout (.main-content max-width 1600px)
 * plus blauer Admin-Chrome ohne Matrix-/Neon-Grün (Dashboard-Stil host-weit).
 * Host-Override geladen aus templates/admin-app/admin-base.html.
 * Briefing: briefing/screens/screen-admin-dashboard/AdminDashboard.md 003.009–003.010
 */

/* .base-content-area | Änderungsprotokoll: 2026-08-27 | parent-agent | @skill-css-rules, @skill-change-provenance | Content links/rechts immer 3px fuer bessere Breitennutzung */
.base-content-area {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    align-items: stretch;
    box-sizing: border-box;
    padding: 2px 3px 10px;
}

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Admin Main-Container volle Parent-Breite ohne Innen-Padding */
.base-layout-main-container,
.layout-main-container,
.base-main-container {
    width: 100%;
    max-width: none;
    align-self: stretch;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

@media (width >= 600px) {
    .base-layout-main-container,
    .layout-main-container,
    .base-main-container {
        padding: 0;
    }
}

@media (width >= 1024px) {
    .base-layout-main-container,
    .layout-main-container,
    .base-main-container {
        max-width: none;
        padding: 0;
    }
}

@media (width >= 1440px) {
    .base-layout-main-container,
    .layout-main-container,
    .base-main-container {
        max-width: none;
        padding: 0;
    }
}

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Admin Header Breite 1600px und blauer Chrome ohne Matrix */
.base-header-glass,
.header-glass {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background: var(--color-background-secondary);
    backdrop-filter: none;
    border: 1px solid var(--color-primary-light);
    border-radius: var(--radius-lg);
    box-shadow: none;
    overflow-x: clip;
    overflow-y: visible;
}

@media (width >= 1024px) {
    .base-header-glass,
    .header-glass {
        max-width: 1600px;
    }
}

@media (width >= 1440px) {
    .base-header-glass,
    .header-glass {
        max-width: 1600px;
    }
}

.base-header-glass::before,
.header-glass::before {
    content: none;
    display: none;
    animation: none;
}

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Admin-Logo blaue Akzente ohne Neon-Glow */
.base-logo-icon,
.logo-icon {
    background: var(--color-background);
    border: 1px solid var(--color-primary);
    box-shadow: none;
}

.base-logo-text,
.logo-text,
span.base-logo-text,
span.logo-text {
    font-family: var(--font-family-base);
    text-transform: none;
    letter-spacing: normal;
    color: var(--color-primary-lightest);
    /* Aenderungsprotokoll: 2026-08-27 | parent-agent | @skill-css-rules, @skill-change-provenance | Logo-Text kein Zeilenumbruch */
    white-space: nowrap;
}

/* Aenderungsprotokoll: 2026-08-27 | parent-agent | @skill-css-rules, @skill-change-provenance | Logo-Section nicht schrumpfen/umbrechen */
.base-logo-section,
.logo-section,
a.base-logo-section {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Footer-Chrome: Host-Override in footer.css (lädt nach layout-content-width, ersetzt Vendor-Matrix-Grün) */

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Page-Wrapper blauer Admin-Hintergrund ohne Matrix */
.page-wrapper,
.base-page-wrapper {
    background: linear-gradient(180deg, var(--color-background) 0%, #121a24 100%);
}

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Ambient und Partikel dauerhaft aus */
.base-ambient-background,
.ambient-background {
    display: none;
    background: none;
    animation: none;
}

.base-ambient-particles,
.ambient-particles {
    display: none;
}

/* Änderungsprotokoll: 2026-07-29 | agent | @skill-css-rules, @skill-change-provenance | Body-Grid-Matrix dauerhaft aus */
body::before {
    content: none;
    display: none;
    background-image: none;
    animation: none;
}

body {
    background-color: var(--color-background);
}

/*
 * Host-weit: Vendor-Matrix-/Neon-Grün in gemeinsamen Admin-Widgets auf blauen Dashboard-Chrome umbiegen.
 * Briefing: briefing/screens/screen-admin-dashboard/AdminDashboard.md 003.010
 * Änderungsprotokoll: 2026-08-01 | parent-agent | @skill-css-rules, @skill-change-provenance | Admin-Widgets ohne Matrix-Grün, blauer Chrome
 */
.base-tile::before {
    background: linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));
}

.base-headline-h1-admin,
.base-headline-h2-admin,
.base-headline-h3-admin,
.base-headline-h4-admin,
.base-headline-h5-admin,
.base-headline-h6-admin {
    background: none;
    background-image: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: var(--color-primary-lightest);
    color: var(--color-primary-lightest);
}

.base-filter-bar-input:hover {
    border-color: rgb(88 166 255 / 45%);
}

.base-filter-bar-input:focus {
    border-color: var(--color-primary);
}

.base-filter-bar-button {
    background: linear-gradient(135deg, var(--color-primary-dark) 0%, #1a4f9c 100%);
    box-shadow: 0 4px 6px rgb(31 111 235 / 20%);
}

.base-filter-bar-button:hover {
    background: linear-gradient(135deg, #1a4f9c 0%, #163f7a 100%);
    box-shadow: 0 6px 12px rgb(31 111 235 / 30%);
}

.base-metric-card::before {
    background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary));
}

.base-metric-card:hover {
    border-color: rgb(88 166 255 / 45%);
    box-shadow: 0 8px 24px rgb(31 111 235 / 18%);
}

.base-metric-change-positive {
    color: rgb(133 200 255 / 98%);
    background: rgb(88 166 255 / 12%);
}

.base-chart-container-full:hover,
.base-chart-container-half:hover {
    border-color: rgb(88 166 255 / 45%);
    box-shadow: 0 8px 24px rgb(31 111 235 / 14%);
}

.base-keyword-text-highlighted,
.base-trend-indicator-positive {
    color: rgb(133 200 255 / 98%);
}

.base-status-dot,
.base-status-dot-online {
    background: var(--color-primary);
    border-color: rgb(88 166 255 / 40%);
    box-shadow: none;
}