/* Top Rudder Aircraft Theme Override */
:root[theme="dark"] {
    --checked-color: rgba(255, 85, 41, 0.25) !important;
    --control-background-color: #111111 !important;
    --primary-color: #FF5529 !important;
    --secondary-color: #142688 !important;
    --foreground-color: #ffffff !important;
    --foreground-secondary-color: #999999 !important;
    --foreground-muted-color: #666666 !important;
    --border-color: #222222 !important;
    --border-hover-color: #333333 !important;
    --background-color: #000000 !important;
    --panel-background-color: #0A0A0A !important;
    --panel-hover-background-color: #1A1A1A !important;
    --hover-background-color: rgba(255, 85, 41, 0.08) !important;
    --active-background-color: rgba(255, 85, 41, 0.15) !important;
    --titlebar-forground-color: #ffffff !important;
    --titlebar-background-color: #000000 !important;
    --title-background: rgba(255, 85, 41, 0.08) !important;
    --title-checked: #111111 !important;
    --statusbar-foreground-color: #ffffff !important;
    --statusbar-background-color: #000000 !important;
    --viewport-background-color: #0A0A0A !important;
    --input-background-color: #0A0A0A !important;
    --input-border-color: #222222 !important;
    --input-text-color: #ffffff !important;
    --button-primary-background: #FF5529 !important;
    --button-primary-hover: #E04520 !important;
    --button-secondary-background: #111111 !important;
    --button-secondary-hover: #1A1A1A !important;
    --backdrop-color: rgba(0, 0, 0, 0.6) !important;
    --loading-border-color: rgba(255, 85, 41, 0.3) !important;
    --panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    --resizer-gradient: linear-gradient(to right, rgba(255, 85, 41, 0.04), rgba(255, 85, 41, 0.12)) !important;
    --resizer-gradient-hover: linear-gradient(to right, rgba(255, 85, 41, 0.12), rgba(255, 85, 41, 0.18)) !important;
    --error-color: #ff0000 !important;
    --warning-color: #ffc107 !important;
}

/* Force dark theme */
:root {
    --checked-color: rgba(255, 85, 41, 0.25) !important;
    --control-background-color: #111111 !important;
    --primary-color: #FF5529 !important;
    --secondary-color: #142688 !important;
    --foreground-color: #ffffff !important;
    --foreground-secondary-color: #999999 !important;
    --foreground-muted-color: #666666 !important;
    --border-color: #222222 !important;
    --border-hover-color: #333333 !important;
    --background-color: #000000 !important;
    --panel-background-color: #0A0A0A !important;
    --panel-hover-background-color: #1A1A1A !important;
    --hover-background-color: rgba(255, 85, 41, 0.08) !important;
    --active-background-color: rgba(255, 85, 41, 0.15) !important;
    --titlebar-forground-color: #ffffff !important;
    --titlebar-background-color: #000000 !important;
    --title-background: rgba(255, 85, 41, 0.08) !important;
    --title-checked: #111111 !important;
    --statusbar-foreground-color: #ffffff !important;
    --statusbar-background-color: #000000 !important;
    --viewport-background-color: #0A0A0A !important;
    --input-background-color: #0A0A0A !important;
    --input-border-color: #222222 !important;
    --input-text-color: #ffffff !important;
    --button-primary-background: #FF5529 !important;
    --button-primary-hover: #E04520 !important;
    --button-secondary-background: #111111 !important;
    --button-secondary-hover: #1A1A1A !important;
    --backdrop-color: rgba(0, 0, 0, 0.6) !important;
    --loading-border-color: rgba(255, 85, 41, 0.3) !important;
    --panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

html, body {
    background-color: #000000 !important;
    font-family: "Inter", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}


/* ===== LOGO BRANDING ===== */
.e098b79d26ab0310 svg { display: none !important; }
._20465eb8373933cf > span {
    font-size: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}
._20465eb8373933cf::before {
    content: "" !important;
    display: block !important;
    width: 180px !important;
    height: 120px !important;
    background-image: url("/images/toprudder-logo.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto 8px auto !important;
    font-size: 0 !important;
}
._20465eb8373933cf::after {
    content: "" !important;
    display: none !important;
}
._7f3ff9001ce65a48 {
    font-size: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
}
#appName { font-weight: 900 !important; letter-spacing: 1px !important; }