/* ── Neuer Header (Nexus One UI) ─────────────────── */
.rt-Flex[style*="position: sticky"] {
    background: linear-gradient(to right, #e94f1d, #b71c1c) !important;
    border-bottom: none !important;
}

/* Original Logo ausblenden */
.rt-Flex[style*="position: sticky"] a[title="Home"] img {
    display: none !important;
}

/* Eigenes Logo einblenden */
.rt-Flex[style*="position: sticky"] a[title="Home"]::before {
    content: "";
    display: inline-block;
    width: 130px;
    height: 28px;
    background-image: url("/lotzapp_logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
}

/* Header Icons weiß */
.rt-Flex[style*="position: sticky"] .rt-IconButton,
.rt-Flex[style*="position: sticky"] svg {
    color: white !important;
    border-color: rgba(255,255,255,0.3) !important;
}

/* Suchfeld */
.rt-Flex[style*="position: sticky"] .rt-TextFieldRoot {
    background: rgba(255,255,255,0.15) !important;
    border-color: rgba(255,255,255,0.3) !important;
}
.rt-Flex[style*="position: sticky"] .rt-TextFieldInput {
    color: white !important;
}
.rt-Flex[style*="position: sticky"] .rt-TextFieldInput::placeholder {
    color: rgba(255,255,255,0.6) !important;
}

/* ── Linke Sidebar (neues UI) ────────────────────── */
.guide-sidebar__nav-content {
    background-color: #1a1a1a !important;
}

/* Alle Nav-Links */
.guide-nav-item {
    color: #ccc !important;
    text-decoration: none !important;
    border-radius: 6px !important;
}
.guide-nav-item:hover {
    background-color: rgba(233,79,29,0.2) !important;
    color: white !important;
}
.guide-nav-item--active,
.guide-nav-item[aria-current="page"] {
    background-color: #e94f1d !important;
    color: white !important;
}
.guide-nav-item--active svg,
.guide-nav-item[aria-current="page"] svg {
    color: white !important;
}
.guide-nav-item svg {
    color: #ccc !important;
}

/* Sidebar Hintergrund komplett */
[class*="guide-sidebar"] {
    background-color: #1a1a1a !important;
}

/* ── Settings-Unterseiten Sidebar ────────────────── */
.nx-page-sidebar.nxrm-settings {
    background-color: #1a1a1a !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
}
.nx-page-sidebar.nxrm-settings .nx-h3 {
    color: #aaa !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}
.nxrm-settings .nx-global-sidebar-2__navigation-link {
    color: #ccc !important;
}
.nxrm-settings .nx-global-sidebar-2__navigation-link:hover {
    background-color: rgba(233,79,29,0.2) !important;
    color: white !important;
}
.nxrm-settings .nx-global-sidebar-2__navigation-link.selected {
    background-color: #e94f1d !important;
    color: white !important;
}
.nxrm-settings .nxrm-navigation-expandable-link__expandable-list__navigation-link {
    color: #bbb !important;
}
.nxrm-settings .nxrm-navigation-expandable-link__expandable-list__navigation-link:hover {
    background-color: rgba(233,79,29,0.15) !important;
    color: white !important;
}
.nxrm-settings .nxrm-navigation-expandable-link__chevron {
    color: #888 !important;
    background: transparent !important;
    border: none !important;
}

/* ── Alte Klassen beibehalten (Fallback) ─────────── */
.nx-global-header-2 {
    background: linear-gradient(to right, #e94f1d, #b71c1c) !important;
}
.nx-global-sidebar-2 {
    background-color: #1a1a1a !important;
}
.nx-global-sidebar-2__navigation-link.selected {
    background-color: #e94f1d !important;
    color: white !important;
}

/* ── Login-Seite ─────────────────────────────────── */

/* Hintergrund */
body:has(form [placeholder="Username"]),
body:has(input[name="username"]) {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d1410 50%, #1a1a1a 100%) !important;
}

/* Login-Card */
body:has(input[name="username"]) .rt-Card,
body:has(input[placeholder="Username"]) .rt-Card {
    background: #1e1e1e !important;
    border: 1px solid rgba(233,79,29,0.3) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}

/* Sonatype Logo durch eigenes ersetzen */
body:has(input[name="username"]) .rt-Card img,
body:has(input[placeholder="Username"]) .rt-Card img {
    content: url("/lotzapp_logo.png") !important;
    height: 40px !important;
    width: auto !important;
}

/* Welcome Text */
body:has(input[name="username"]) .rt-Card h1,
body:has(input[name="username"]) .rt-Card h2,
body:has(input[placeholder="Username"]) .rt-Card h1,
body:has(input[placeholder="Username"]) .rt-Card h2 {
    color: white !important;
}

/* Subtitle */
body:has(input[name="username"]) .rt-Card p,
body:has(input[placeholder="Username"]) .rt-Card p {
    color: #aaa !important;
}

/* Labels */
body:has(input[name="username"]) .rt-Card label,
body:has(input[placeholder="Username"]) .rt-Card label {
    color: #ccc !important;
}

/* Eingabefelder */
body:has(input[name="username"]) .rt-Card input,
body:has(input[placeholder="Username"]) .rt-Card input {
    background: #2a2a2a !important;
    border-color: rgba(255,255,255,0.15) !important;
    color: white !important;
}

body:has(input[name="username"]) .rt-Card input:focus,
body:has(input[placeholder="Username"]) .rt-Card input:focus {
    border-color: #e94f1d !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(233,79,29,0.2) !important;
}

/* Login Button */
body:has(input[name="username"]) .rt-Card button[type="submit"],
body:has(input[placeholder="Username"]) .rt-Card button[type="submit"] {
    background: linear-gradient(to right, #e94f1d, #b71c1c) !important;
    border: none !important;
    color: white !important;
}

body:has(input[name="username"]) .rt-Card button[type="submit"]:hover,
body:has(input[placeholder="Username"]) .rt-Card button[type="submit"]:hover {
    background: linear-gradient(to right, #c0391a, #8b1010) !important;
}

/* "Continue without login" Link */
body:has(input[name="username"]) .rt-Card a,
body:has(input[placeholder="Username"]) .rt-Card a {
    color: #e94f1d !important;
}

/* Header auf Login-Seite */
body:has(input[name="username"]) header img,
body:has(input[placeholder="Username"]) header img {
    content: url("/lotzapp_logo.png") !important;
    height: 28px !important;
}