@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* _content/TheFriends.Web/Views/Bases/ButtonBase.razor.rz.scp.css */
.btn-base[b-82ostvnbhx] {
    font-weight: 500;
    border-radius: 6px;
    padding: 0.4rem 1rem;
}
/* _content/TheFriends.Web/Views/Bases/DropDownListBase.razor.rz.scp.css */
/* _content/TheFriends.Web/Views/Bases/GridBase.razor.rz.scp.css */
/* Base container */
.grid-base[b-oyxi2a4p2g] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    font-size: 0.95rem;
    border: 1px solid #e5e7eb; /* light gray border */
}

    /* Table header */
    .grid-base .rz-datatable-thead > tr > th[b-oyxi2a4p2g] {
        background-color: #f9fafb;
        font-weight: 600;
        text-align: center;
        color: #374151;
        padding: 0.75rem;
        border-bottom: 1px solid #e5e7eb;
    }

    /* Table rows */
    .grid-base .rz-datatable-tbody > tr[b-oyxi2a4p2g] {
        transition: background-color 0.2s ease;
    }

        .grid-base .rz-datatable-tbody > tr:hover[b-oyxi2a4p2g] {
            background-color: #f3f4f6;
            cursor: pointer;
        }

        .grid-base .rz-datatable-tbody > tr > td[b-oyxi2a4p2g] {
            padding: 0.75rem;
            vertical-align: middle;
            border-bottom: 1px solid #f1f5f9;
            color: #374151;
        }

        /* Selected row */
        .grid-base .rz-datatable-tbody > tr.rz-state-highlight[b-oyxi2a4p2g] {
            background-color: #dbeafe; /* light blue */
            color: #1e3a8a;
        }

    /* Pagination footer */
    .grid-base .rz-paginator[b-oyxi2a4p2g] {
        padding: 0.5rem 1rem;
        background-color: #f9fafb;
        border-top: 1px solid #e5e7eb;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .grid-base .rz-datatable[b-oyxi2a4p2g] {
        font-size: 0.875rem;
    }
}
/* _content/TheFriends.Web/Views/Bases/LabelBase.razor.rz.scp.css */
.label-base[b-63ccx9y2lh] {
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}
/* _content/TheFriends.Web/Views/Bases/SpinnerBase.razor.rz.scp.css */
/* _content/TheFriends.Web/Views/Bases/ValidationSummaryBase.razor.rz.scp.css */
/* _content/TheFriends.Web/Views/Components/LoginComponents/LoginForm.razor.rz.scp.css */
/* keep the text from going under the button */
.password-field[b-duse779yzj] {
  position: relative;
}

/* LoginForm.razor.css */
.password-field[b-duse779yzj] {
    position: relative;
}

    .password-field .pw-toggle[b-duse779yzj] {
        position: absolute;
        inset-inline-end: .5rem;
        inset-block-start: 50%;
        transform: translateY(-50%);
        border: 0;
        background: transparent;
        padding: .25rem;
        cursor: pointer;
        display: grid;
        place-items: center;
        line-height: 1;
        border-radius: 6px;
    }

        .password-field .pw-toggle:focus-visible[b-duse779yzj] {
            outline: 2px solid transparent;
            box-shadow: 0 0 0 3px rgba(59,130,246,.35);
        }

    .password-field .material-icons[b-duse779yzj] {
        font-size: 20px;
    }
/* _content/TheFriends.Web/Views/Components/ReportComponents/ProcedureSelectorDialogComponent.razor.rz.scp.css */
.procedure-selector-box[b-z4o2883zbv] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 5px;
}

.selector-row[b-z4o2883zbv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0;
}
/* _content/TheFriends.Web/Views/Layout/MainLayout.razor.rz.scp.css */
/* Component-scoped helpers (safe in .razor.css).
   Do NOT put global backgrounds or container rules here. */

@media (min-width: 641px) {
    .top-row[b-8jjxztzc2c] {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .sidebar[b-8jjxztzc2c] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }
}
/* _content/TheFriends.Web/Views/Layout/NavMenu.razor.rz.scp.css */
/* ================================
   Nav Menu � Ultra-Compact (LTR/RTL)
   ================================= */

.nav-menu[b-kouzgi8mth] {
    /* Tune spacing here */
    --start: .22rem; /* leading padding (start side) */
    --end: .28rem; /* trailing padding (end side) */
    --y: .26rem; /* top/bottom padding */
    --indent: .22rem; /* extra indent per submenu level */
    --icon-gap: .14rem; /* gap between icon and text */
    --chev-gap: .14rem; /* gap between chevron and edge */
    --chev-size: .8rem;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: .95rem;
    padding-inline: 0 !important; /* kill container padding */
}

    /* Reset list indentation & spacing */
    .nav-menu ul[b-kouzgi8mth],
    .nav-menu .nav[b-kouzgi8mth],
    .nav-menu .navbar-nav[b-kouzgi8mth] {
        list-style: none;
        padding-inline-start: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

        /* Main links � ultra tight */
        .nav-menu .nav-link[b-kouzgi8mth],
        .nav-menu .navbar-nav .nav-link[b-kouzgi8mth] {
            display: block;
            padding-block: var(--y) !important;
            padding-inline-start: var(--start) !important;
            padding-inline-end: var(--end) !important;
            line-height: 1.1;
            border-radius: 4px;
            min-height: 0;
        }

        /* Submenu indentation (level 1, 2, 3�) */
        .nav-menu .nav .nav-link[b-kouzgi8mth] {
            padding-inline-start: calc(var(--start) + var(--indent)) !important;
        }

        .nav-menu .nav .nav .nav-link[b-kouzgi8mth] {
            padding-inline-start: calc(var(--start) + var(--indent) * 2) !important;
        }

        .nav-menu .nav .nav .nav .nav-link[b-kouzgi8mth] {
            padding-inline-start: calc(var(--start) + var(--indent) * 3) !important;
        }

    /* Icons � direction-aware, minimal gap */
    .nav-menu.ltr .nav-icon[b-kouzgi8mth] {
        margin-inline: 0 var(--icon-gap) !important;
    }

    .nav-menu.rtl .nav-icon[b-kouzgi8mth] {
        margin-inline: var(--icon-gap) 0 !important;
    }

    /* Chevrons � small and tight to the edge */
    .nav-menu .nav-link .bi-chevron-up[b-kouzgi8mth],
    .nav-menu .nav-link .bi-chevron-down[b-kouzgi8mth] {
        font-size: var(--chev-size);
    }

    .nav-menu.ltr .nav-link .bi-chevron-up[b-kouzgi8mth],
    .nav-menu.ltr .nav-link .bi-chevron-down[b-kouzgi8mth] {
        float: right;
        margin-right: var(--chev-gap);
        margin-left: 0;
    }

    .nav-menu.rtl .nav-link .bi-chevron-up[b-kouzgi8mth],
    .nav-menu.rtl .nav-link .bi-chevron-down[b-kouzgi8mth] {
        float: left;
        margin-left: var(--chev-gap);
        margin-right: 0;
    }

    /* Active + hover (subtle) */
    .nav-menu .nav-link:hover[b-kouzgi8mth] {
        background-color: #f0f0f0;
    }

    .nav-menu .nav-link.active[b-kouzgi8mth] {
        font-weight: 600;
        background-color: #f5f5f5;
    }

/* Pointer helper & item margins */
.cursor-pointer[b-kouzgi8mth] {
    cursor: pointer;
}

.nav-menu .nav-item[b-kouzgi8mth] {
    margin: 0 !important;
}

/* Dropdown menus/items � compact too */
.nav-menu .dropdown-menu[b-kouzgi8mth] {
    padding-block: .18rem !important;
    padding-inline: 0 !important;
    margin: 0 !important;
}

.nav-menu .dropdown-item[b-kouzgi8mth] {
    padding-block: var(--y) !important;
    padding-inline: calc(var(--start) + var(--indent)) var(--end) !important;
    line-height: 1.1;
}

/* Optional razor-thin variant: <nav class="nav-menu xxs"> */
.nav-menu.xxs[b-kouzgi8mth] {
    --start: .18rem;
    --end: .24rem;
    --y: .22rem;
    --indent: .18rem;
    --icon-gap: .12rem;
    --chev-gap: .12rem;
    --chev-size: .78rem;
    font-size: .92rem;
}
/* _content/TheFriends.Web/Views/Pages/Home.razor.rz.scp.css */
.home-hero[b-x5v58alcf6] {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding-block: .5rem;
}

.home-hero__logo[b-x5v58alcf6] {
    width: 160px;
    max-width: 90%;
    height: auto;
    display: block;
}

.home-hero__title[b-x5v58alcf6] {
    margin: .25rem 0 .5rem;
}

.home-guest[b-x5v58alcf6] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
/* _content/TheFriends.Web/Views/Pages/LoginPage.razor.rz.scp.css */
/* Login.razor.css — scoped */
.login-page[b-uj56u3ygmq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: var(--bg-page);
    padding: 24px clamp(16px, 4vw, 32px);
    box-sizing: border-box;
}

.login-container[b-uj56u3ygmq] {
    width: min(100%, var(--auth-max));
    margin-inline: auto;
}

.login-card[b-uj56u3ygmq] {
    background: var(--bg-card);
    border: var(--border);
    border-radius: var(--radius);
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    padding: var(--card-pad);
}

.login-header[b-uj56u3ygmq] {
    text-align: center;
    margin-bottom: .75rem;
}

.login-logo[b-uj56u3ygmq] {
    display: inline-block;
    padding: 10px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

    .login-logo img[b-uj56u3ygmq] {
        width: 140px;
        max-width: 90%;
        height: auto;
        display: block;
    }

.login-title[b-uj56u3ygmq] {
    margin: .5rem 0 .25rem;
    font-size: 1.25rem;
    font-weight: 700;
}

.login-subtitle[b-uj56u3ygmq] {
    color: var(--muted);
    margin: 0;
    font-size: .95rem;
}

.login-form[b-uj56u3ygmq] {
    margin-top: .75rem;
}

.login-footer[b-uj56u3ygmq] {
    margin-top: .5rem;
    text-align: end;
}

.login-link[b-uj56u3ygmq] {
    color: var(--accent);
    text-decoration: none;
    font-size: .9rem;
}

    .login-link:hover[b-uj56u3ygmq] {
        text-decoration: underline;
    }

@media (max-width:640px) {
    .login-card[b-uj56u3ygmq] {
        padding: 16px;
    }

    .login-logo img[b-uj56u3ygmq] {
        width: 120px;
    }
}