/* Magikai Studio — overrides that survive vendor updates.
   Loaded from /uploads/custom/brand.css */

.landing {
    --l-indigo: #F97316;
    --l-indigo-hov: #EA580C;
    --l-indigo-soft: rgba(249, 115, 22, 0.14);
    --l-indigo-tint: rgba(249, 115, 22, 0.06);
    --color-brand-primary: #F97316;
}

.landing .l-accent {
    color: #F97316 !important;
}

.landing .l-highlight::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'><path d='M2 30 Q 50 6, 100 22 T 198 18' fill='none' stroke='%23F97316' stroke-width='6' stroke-linecap='round'/></svg>") !important;
}

.landing h1 span[style*="4F46E5"],
.landing h1 span[style*="#4F46E5"] {
    color: #F97316 !important;
}

.landing h1 svg path[stroke="#4F46E5"] {
    stroke: #F97316 !important;
}

.landing .bg-\[\#4F46E5\],
.landing [class*="bg-[#4F46E5]"] {
    background-color: #F97316 !important;
}

.landing .text-\[\#4F46E5\],
.landing [class*="text-[#4F46E5]"] {
    color: #F97316 !important;
}

.landing .hover\:bg-\[\#4F46E5\]:hover,
.landing [class*="hover:bg-[#4F46E5]"]:hover {
    background-color: #EA580C !important;
}

.landing .hover\:text-\[\#4F46E5\]:hover,
.landing [class*="hover:text-[#4F46E5]"]:hover {
    color: #EA580C !important;
}

.landing .border-\[\#4F46E5\],
.landing [class*="border-[#4F46E5]"] {
    border-color: #F97316 !important;
}

.landing .from-\[\#4F46E5\] {
    --tw-gradient-from: #F97316 !important;
}

.landing [style*="background: #4F46E5"],
.landing [style*="background-color: #4F46E5"],
.landing [style*="background:#4F46E5"] {
    background-color: #F97316 !important;
}

.landing [style*="color: #4F46E5"],
.landing [style*="color:#4F46E5"] {
    color: #F97316 !important;
}

.landing svg [stroke="#4F46E5"] {
    stroke: #F97316 !important;
}

.landing svg [fill="#4F46E5"] {
    fill: #F97316 !important;
}

/* Auth split marketing panel — same orange as the landing accent */
body.min-h-screen .rounded-2xl [style*="background-color: #4F46E5"] {
    background-color: #F97316 !important;
}

body.min-h-screen .rounded-2xl[style*="radial-gradient"] {
    background-image: radial-gradient(50% 50% at 100% 0%, rgba(249, 115, 22, 0.30) 0%, rgba(234, 88, 12, 0.16) 35%, rgba(0, 0, 0, 0) 70%) !important;
}

/* Vendor pins “forgot password” over the password label. Long locales collide. */
form .relative > a.absolute.top-0 {
    position: static !important;
    display: flex !important;
    justify-content: flex-end;
    width: 100%;
    margin-top: 0.5rem;
    white-space: normal;
    text-align: right;
}

/* Auth titles: Inter extra-bold + tight tracking fuses letters on phones */
.mx-auto h1 {
    letter-spacing: -0.015em !important;
    overflow-wrap: break-word;
    font-feature-settings: normal;
}

.mx-auto .text-xl.tracking-tight {
    letter-spacing: -0.01em !important;
}

.mx-auto ui-label,
.mx-auto [data-flux-label] {
    white-space: normal !important;
    overflow: visible !important;
    max-width: 100%;
}

.mx-auto p,
.mx-auto .text-sm {
    overflow-wrap: break-word;
}

@media (max-width: 639px) {
    .grid.min-h-dvh.px-8 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        overflow-x: hidden;
    }

    .mx-auto {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .mx-auto h1 {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
        letter-spacing: -0.01em !important;
    }

    .mx-auto input,
    .mx-auto button,
    .mx-auto [type="submit"] {
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
    }

    .mx-auto button,
    .mx-auto [type="submit"] {
        height: auto !important;
        min-height: 2.5rem;
        line-height: 1.3;
        padding-top: 0.65rem !important;
        padding-bottom: 0.65rem !important;
    }

    /* Split layout already repeats the brand inside the form */
    .mx-auto > a.z-20.flex.flex-col {
        display: none !important;
    }
}