/* Norbit branding for the Filament panel ("Azul noche": navy, steel blue, soft sky accents). */

.norbit-brand {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.norbit-brand-mark {
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
}

.norbit-brand-text {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: -.01em;
    color: #0f1f36;
    white-space: nowrap;
}

.norbit-brand-text span {
    font-weight: 400;
    color: #64748b;
}

.dark .norbit-brand-text { color: #f1f5f9; }
.dark .norbit-brand-text span { color: #94a3b8; }

/* ---------- Auth pages ---------- */

.fi-simple-layout:has(.norbit-auth-aside) {
    background:
        radial-gradient(60rem 40rem at 100% 0%, rgb(47 106 168 / .08), transparent 60%),
        #f6f8fb;
}

.dark .fi-simple-layout:has(.norbit-auth-aside) {
    background:
        radial-gradient(60rem 40rem at 100% 0%, rgb(56 130 200 / .14), transparent 60%),
        #070d18;
}

.fi-simple-layout:has(.norbit-auth-aside) .fi-simple-main {
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgb(15 23 42 / .04), 0 12px 32px -12px rgb(15 23 42 / .14);
    border: 1px solid rgb(15 23 42 / .06);
}

.norbit-auth-aside {
    display: none;
}

@media (min-width: 1024px) {
    .fi-simple-layout:has(.norbit-auth-aside) .fi-simple-main-ctn {
        box-sizing: border-box;
        padding-left: 44%;
    }

    .norbit-auth-aside {
        position: fixed;
        inset: 0 auto 0 0;
        width: 44%;
        display: flex;
        overflow: hidden;
        isolation: isolate;
        color: #e8eef7;
        background: linear-gradient(160deg, #07111f 0%, #0b1d36 55%, #10294b 100%);
    }

    /* Soft light behind the copy */
    .norbit-auth-aside::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background: radial-gradient(55% 50% at 40% 45%, rgb(56 130 200 / .20), transparent 70%);
    }

    /* Network + circuit traces, tinted through a mask so the SVG stays a single file */
    .norbit-auth-aside-grid {
        position: absolute;
        inset: 0;
        z-index: -1;
        background: linear-gradient(120deg, #3d7fc1, #7cb4e6);
        opacity: .5;
        -webkit-mask: url("/images/tech-network.svg") center / cover no-repeat;
        mask: url("/images/tech-network.svg") center / cover no-repeat;
    }

    .norbit-auth-aside-content {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 3.5rem;
        width: 100%;
    }

    .norbit-auth-aside-logo {
        display: flex;
        align-items: center;
        gap: .75rem;
        font-size: 1.25rem;
        font-weight: 700;
        color: #fff;
    }

    .norbit-auth-aside-logo img {
        width: 3rem;
        height: 3rem;
        filter: drop-shadow(0 8px 18px rgb(0 0 0 / .35));
    }

    .norbit-auth-aside-title {
        font-size: 2.5rem;
        line-height: 1.1;
        font-weight: 700;
        letter-spacing: -.025em;
        color: #fff;
    }

    .norbit-auth-aside-text {
        margin-top: 1.25rem;
        max-width: 26rem;
        font-size: 1.0625rem;
        line-height: 1.6;
        color: #a7b8cf;
    }

    .norbit-auth-aside-list {
        margin-top: 2rem;
        display: grid;
        gap: .75rem;
        font-size: .9375rem;
    }

    .norbit-auth-aside-list li {
        display: flex;
        align-items: center;
        gap: .625rem;
    }

    .norbit-auth-aside-list li::before {
        content: "";
        width: 1.25rem;
        height: 1.25rem;
        flex-shrink: 0;
        border-radius: 9999px;
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23b9d8f3'%3E%3Cpath fill-rule='evenodd' d='M16.7 5.3a1 1 0 010 1.4l-8 8a1 1 0 01-1.4 0l-4-4a1 1 0 111.4-1.4L8 12.6l7.3-7.3a1 1 0 011.4 0z'/%3E%3C/svg%3E") center / .75rem no-repeat,
            rgb(124 180 230 / .18);
    }

    .norbit-auth-aside-footer {
        font-size: .8125rem;
        color: #7f93ad;
    }
}