@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/CardBase.razor.rz.scp.css */

.form-card[b-uidv1g7pah] {
    margin: 1rem auto;
    padding: 1.5rem;
    background-color: #fff;
    box-sizing: border-box;
}

    .form-card.shadow[b-uidv1g7pah] {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    }

    .form-card.rounded[b-uidv1g7pah] {
        border-radius: 10px;
    }
/* _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/SpinnerBase.razor.rz.scp.css */
/* _content/TheFriends.Web/Views/Bases/ValidationSummaryBase.razor.rz.scp.css */
/* _content/TheFriends.Web/Views/Components/ContainerComponents/DialogContainer.razor.rz.scp.css */
/* Base Styles */
.tf-dialog-container[b-hdlqavwmoq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050;
    pointer-events: none;
}

/* Overlay */
.tf-dialog-overlay[b-hdlqavwmoq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
}

.tf-dialog-overlay--error[b-hdlqavwmoq] {
    background-color: rgba(220, 53, 69, 0.3);
}

/* Dialog Box */
.tf-dialog[b-hdlqavwmoq] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 1rem;
}

/* Dialog Sizing */
.tf-dialog--message[b-hdlqavwmoq] {
    width: min(90vw, 28rem);
    max-height: min(80vh, 24rem);
}

.tf-dialog--custom[b-hdlqavwmoq] {
    width: min(90vw, 50rem);
    max-height: min(80vh, 40rem);
}

/* Header Styles */
.tf-dialog-header[b-hdlqavwmoq] {
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e9ecef;
    background-color: #f8f9fa;
}

.tf-dialog-header-content[b-hdlqavwmoq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

/* Centered Header for Custom Dialogs Only */
.tf-dialog-header--centered .tf-dialog-header-content[b-hdlqavwmoq] {
    justify-content: center;
}

.tf-dialog-header--centered .tf-dialog-title[b-hdlqavwmoq] {
    text-align: center;
    flex-grow: 1;
    padding: 0 2rem;
}

.tf-dialog-header--centered .tf-dialog-close[b-hdlqavwmoq] {
    position: absolute;
    right: 0;
}

/* Title */
.tf-dialog-title[b-hdlqavwmoq] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: left;
}

/* Error/Confirm Headers */
.tf-dialog-header--error[b-hdlqavwmoq] {
    background-color: #f8d7da;
    color: #721c24;
    border-bottom-color: #f5c6cb;
}

.tf-dialog-header--confirm[b-hdlqavwmoq] {
    background-color: #e2e3e5;
    color: #383d41;
    border-bottom-color: #d6d8db;
}

/* Close Button */
.tf-dialog-close[b-hdlqavwmoq] {
    background: none;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0 0.25rem;
    color: inherit;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

    .tf-dialog-close:hover[b-hdlqavwmoq] {
        opacity: 1;
    }

/* Body */
.tf-dialog-body[b-hdlqavwmoq] {
    padding: 1.5rem;
    overflow-y: auto;
    flex-grow: 1;
}

.tf-dialog-body--message[b-hdlqavwmoq] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.5rem;
}

.tf-dialog-message[b-hdlqavwmoq] {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.6;
    color: #212529;
}

/* Footer */
.tf-dialog-footer[b-hdlqavwmoq] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    background-color: #f8f9fa;
}

.tf-dialog-btn-group[b-hdlqavwmoq] {
    display: flex;
    gap: 0.75rem;
}

/* Buttons */
.tf-dialog-btn[b-hdlqavwmoq] {
    padding: 0.5rem 1.25rem;
    border-radius: 0.25rem;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    transition: all 0.2s ease;
    min-width: 6rem;
}

.tf-dialog-btn--primary[b-hdlqavwmoq] {
    background-color: #007bff;
    color: white;
}

    .tf-dialog-btn--primary:hover[b-hdlqavwmoq] {
        background-color: #0069d9;
    }

.tf-dialog-btn--error[b-hdlqavwmoq] {
    background-color: #dc3545;
    color: white;
}

    .tf-dialog-btn--error:hover[b-hdlqavwmoq] {
        background-color: #c82333;
    }

.tf-dialog-btn--confirm[b-hdlqavwmoq] {
    background-color: #28a745;
    color: white;
}

    .tf-dialog-btn--confirm:hover[b-hdlqavwmoq] {
        background-color: #218838;
    }

.tf-dialog-btn--cancel[b-hdlqavwmoq] {
    background-color: #6c757d;
    color: white;
}

    .tf-dialog-btn--cancel:hover[b-hdlqavwmoq] {
        background-color: #5a6268;
    }

/* Responsive Adjustments */
@media (max-width: 480px) {
    .tf-dialog--message[b-hdlqavwmoq] {
        width: 95vw;
        max-height: 90vh;
    }

    .tf-dialog-body--message[b-hdlqavwmoq] {
        padding: 1.5rem;
    }

    .tf-dialog-btn[b-hdlqavwmoq] {
        padding: 0.5rem 1rem;
        min-width: 5rem;
    }

    .tf-dialog-header--centered .tf-dialog-title[b-hdlqavwmoq] {
        padding: 0 1.5rem;
    }
}
/* _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;
}