/* ============================================================
   Planna / LipaGas Orange Branding Override
   Served by Nginx - safe from React hydration checks
   ============================================================ */

/* CSS Variable overrides */
:root, .dark, .light {
    --new-btn-primary: #ff6600 !important;
    --new-ai-btn: #ff8533 !important;
    --color-forth: #ff751a !important;
    --new-table-text-focused: #ff6600 !important;
    --color-custom51: #ff6600 !important;
}
.light {
    --new-textItemFocused: #ff6600 !important;
    --new-boxFocused: #fff3e6 !important;
}

/* Tailwind purple → orange text */
[class*="text-purple"], [class*="text-violet"],
[class*="text-indigo"], [class*="text-pink"] {
    color: #ff6600 !important;
}

/* Tailwind purple → orange backgrounds */
[class*="bg-purple"], [class*="bg-violet"],
[class*="bg-pink"], [class*="bg-[#D82D7E]"],
.bg-customColor4 {
    background-color: #ff6600 !important;
}

/* Auth page hero text */
span.text-\[42px\],
.lg\:flex.flex-col.items-center .text-center span {
    color: #ff6600 !important;
}

/* Purple gradient button → orange */
[class*="from-\[#622aff\]"] {
    background: linear-gradient(to right, #ff6600, #ff8533) !important;
}

/* Active sidebar tab marker */
.h-full.w-\[4px\] svg path {
    fill: #ff6600 !important;
}

/* Loading spinner */
div[style*="spin"] {
    border-top-color: #ff6600 !important;
}

/* Hide original SVG logos (replaced by JS patch) */
#left-menu div.flex.flex-col > div:first-child svg,
svg[viewBox="0 0 60 60"],
svg[viewBox="0 0 101 33"] {
    display: none !important;
    visibility: hidden !important;
}