/* =========================================
   Wedding page design tokens
========================================= */
:root {
    --wedding-primary:       #64748b;
    --wedding-primary-hover: #475569;
    --wedding-primary-light: #f1f5f9;
    --wedding-surface:       #ffffff;
    --wedding-border:        #e2e8f0;
    --wedding-text-main:     #1e293b;
    --wedding-text-muted:    #94a3b8;
    --wedding-danger:        #ef4444;
    --wedding-danger-light:  #fef2f2;
    --wedding-success:       #22c55e;
    --wedding-success-light: #f0fdf4;
}

[x-cloak] { display: none !important; }

.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar { display: none; }
.shadow-soft { box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04); }

body.login main header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .5rem;
}

body.login main header img {
    margin: 0 .5rem 0 0;
}

.fi-topbar-start .fi-logo {
    margin: 0;
}

body.login main header .fi-logo .omnis-logo,
.fi-topbar-start .fi-logo .omnis-logo {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

body.login main header .fi-logo .omnis-logo img,
.fi-topbar-start .fi-logo .omnis-logo img {
    height: 30px;
    margin-right: 5px;
    margin-left: 5px;
}

body.login main header .fi-logo .omnis-logo img {
    margin-left: 0;
    height: 40px;
}
/* =========================================
   Custom Row Status Styling
========================================= */

/* Light mode */
tr.row-status--pending {
    background-color: rgb(255 251 235); /* amber-50 */
}

tr.row-status--deleted {
    background-color: rgb(254 242 242); /* red-50 */
}

/* Optional: hover behavior */
tr.row-status--pending:hover,
tr.row-status--deleted:hover {
    filter: brightness(0.98);
}

tr.row-status--current {
    background-color: rgb(240 253 244); /* green-50 */
}

tr.row-status--current:hover {
    filter: brightness(0.98);
}

/* Optional: dark mode */
.dark tr.row-status--pending {
    background-color: rgb(120 53 15 / 0.25); /* amber-ish overlay */
}

.dark tr.row-status--deleted {
    background-color: rgb(127 29 29 / 0.25); /* red-ish overlay */
}

.dark tr.row-status--current {
    background-color: rgb(20 83 45 / 0.25); /* green-ish overlay */
}

.fi-sidebar.fi-main-sidebar.fi-sidebar-open {
    background-color: var(--color-white);
    padding-inline: 0;
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

.fi-main-sidebar.fi-sidebar-open {
    .fi-sidebar-header {

        height: 30px;
        margin-top: 20px;

        .fi-logo {

            margin-left: 0;

            .omnis-logo {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-content: center;
                justify-content: flex-start;
                align-items: center;

                img {
                    margin-right: 5px;
                    width: 2rem;
                }
            }
        }
    }

    .fi-sidebar-nav {
        padding-top: 25px;
    }

    .fi-sidebar-nav-groups {
        row-gap: 0;
    }
}