/* _content/B2BMemberNetwork/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ijfvnq8aer] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ijfvnq8aer] {
    flex: 1;
}

.sidebar[b-ijfvnq8aer] {
    background-image: radial-gradient(circle at 20% 0%, rgba(21, 150, 166, .22), transparent 34%), linear-gradient(180deg, #061f45 0%, #092b5c 68%, #061b38 100%);
}

.top-row[b-ijfvnq8aer] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ijfvnq8aer]  a, .top-row[b-ijfvnq8aer]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ijfvnq8aer]  a:hover, .top-row[b-ijfvnq8aer]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ijfvnq8aer]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-ijfvnq8aer] {
        justify-content: space-between;
    }

    .top-row[b-ijfvnq8aer]  a, .top-row[b-ijfvnq8aer]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ijfvnq8aer] {
        flex-direction: row;
    }

    .sidebar[b-ijfvnq8aer] {
    background-image: radial-gradient(circle at 20% 0%, rgba(21, 150, 166, .22), transparent 34%), linear-gradient(180deg, #061f45 0%, #092b5c 68%, #061b38 100%);
}

    .top-row[b-ijfvnq8aer] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ijfvnq8aer]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ijfvnq8aer], article[b-ijfvnq8aer] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-ijfvnq8aer] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-ijfvnq8aer] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* _content/B2BMemberNetwork/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-k7vtxx0q9f] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-k7vtxx0q9f] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-k7vtxx0q9f] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-k7vtxx0q9f] {
    font-size: 1.1rem;
}

.bi[b-k7vtxx0q9f] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-k7vtxx0q9f] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-k7vtxx0q9f] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-k7vtxx0q9f] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-k7vtxx0q9f] {
        padding-bottom: 1rem;
    }

    .nav-item[b-k7vtxx0q9f]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 8px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-k7vtxx0q9f]  a.active {
    background-color: rgba(245, 158, 11, .18);
    box-shadow: inset 3px 0 0 var(--speedbiz-gold);
    color: white;
}

.nav-item[b-k7vtxx0q9f]  .nav-link:hover {
    background-color: rgba(245, 158, 11, .12);
    color: white;
}

.nav-scrollable[b-k7vtxx0q9f] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-k7vtxx0q9f] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-k7vtxx0q9f] {
        display: none;
    }

    .nav-scrollable[b-k7vtxx0q9f] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* _content/B2BMemberNetwork/Components/Pages/Admin/Members.razor.rz.scp.css */
/* Members & Applications Admin Page Styling */

.stat-grid-4[b-l1zav4i8yy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stat-card-custom[b-l1zav4i8yy] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: white;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card-custom:hover[b-l1zav4i8yy] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.07);
}

.stat-icon-wrap[b-l1zav4i8yy] {
    width: 46px;
    height: 46px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    flex-shrink: 0;
}

.stat-icon-wrap.amber[b-l1zav4i8yy] { background: #fef3c7; color: #d97706; }
.stat-icon-wrap.green[b-l1zav4i8yy] { background: #dcfce7; color: #16a34a; }
.stat-icon-wrap.blue[b-l1zav4i8yy] { background: #e0f2fe; color: #0284c7; }
.stat-icon-wrap.purple[b-l1zav4i8yy] { background: #f3e8ff; color: #9333ea; }

.stat-details[b-l1zav4i8yy] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-l1zav4i8yy] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--speedbiz-navy, #0f172a);
    line-height: 1.1;
}

.stat-title[b-l1zav4i8yy] {
    font-size: 0.82rem;
    color: #64748b;
    font-weight: 600;
    margin-top: 4px;
}

.mgmt-toolbar[b-l1zav4i8yy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.search-box-wrap[b-l1zav4i8yy] {
    position: relative;
    width: 320px;
    max-width: 100%;
}

.search-box-icon[b-l1zav4i8yy] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.search-box-wrap .form-control[b-l1zav4i8yy] {
    padding-left: 38px;
    padding-right: 36px;
    border-radius: 8px;
    border: 1px solid var(--speedbiz-line, #cbd5e1);
    height: 42px;
    font-size: 0.9rem;
    background: white;
}

.search-clear-btn[b-l1zav4i8yy] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    font-size: 1rem;
    padding: 4px;
}

.search-clear-btn:hover[b-l1zav4i8yy] {
    color: var(--speedbiz-navy, #0f172a);
}

/* Filter Chips */
.filter-chips[b-l1zav4i8yy] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.filter-chip[b-l1zav4i8yy] {
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    background: white;
    color: #64748b;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-chip:hover[b-l1zav4i8yy] {
    border-color: #cbd5e1;
    color: var(--speedbiz-navy, #0f172a);
}

.filter-chip.active[b-l1zav4i8yy] {
    background: var(--speedbiz-navy, #0f172a);
    color: white;
    border-color: var(--speedbiz-navy, #0f172a);
}

/* Member Card Rows */
.member-list-wrap[b-l1zav4i8yy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.member-card-row[b-l1zav4i8yy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: white;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
    transition: border-color 0.2s, box-shadow 0.2s;
    flex-wrap: wrap;
}

.member-card-row:hover[b-l1zav4i8yy] {
    border-color: #cbd5e1;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.member-primary-info[b-l1zav4i8yy] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 280px;
    flex: 1;
}

.member-header-line[b-l1zav4i8yy] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.member-company-name[b-l1zav4i8yy] {
    font-size: 1.05rem;
    font-weight: 750;
    color: var(--speedbiz-navy, #0f172a);
    margin: 0;
}

.badge-category[b-l1zav4i8yy] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.badge-status-inactive[b-l1zav4i8yy] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
    background: #fee2e2;
    color: #ef4444;
    text-transform: uppercase;
}

.member-meta-line[b-l1zav4i8yy] {
    font-size: 0.85rem;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Credentials Pill (Temporary Password) */
.temp-pwd-pill[b-l1zav4i8yy] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: 0.83rem;
    color: #92400e;
    margin-top: 4px;
    width: fit-content;
}

.temp-pwd-pill .pill-label[b-l1zav4i8yy] {
    font-weight: 700;
    color: #b45309;
}

.temp-pwd-pill .pwd-code[b-l1zav4i8yy] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 700;
    background: white;
    padding: 2px 8px;
    border-radius: 4px;
    border: 1px solid #fde68a;
    color: #b45309;
    letter-spacing: 0.5px;
}

.icon-action-btn[b-l1zav4i8yy] {
    background: white;
    border: 1px solid #fde68a;
    border-radius: 4px;
    padding: 3px 7px;
    color: #b45309;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    transition: background 0.15s, border-color 0.15s;
}

.icon-action-btn:hover[b-l1zav4i8yy] {
    background: #fef3c7;
    border-color: #f59e0b;
}

.btn-resend-cred[b-l1zav4i8yy] {
    background: #d97706;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 3px 9px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background 0.15s;
}

.btn-resend-cred:hover:not(:disabled)[b-l1zav4i8yy] {
    background: #b45309;
}

.btn-resend-cred:disabled[b-l1zav4i8yy] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Activated Badge */
.badge-activated[b-l1zav4i8yy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #15803d;
    margin-top: 4px;
    width: fit-content;
}

.dot-green[b-l1zav4i8yy] {
    width: 7px;
    height: 7px;
    background: #22c55e;
    border-radius: 50%;
}

/* Actions Group */
.member-actions-group[b-l1zav4i8yy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Pending Application Cards */
.application-card[b-l1zav4i8yy] {
    background: white;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.app-card-header[b-l1zav4i8yy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.app-company[b-l1zav4i8yy] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--speedbiz-navy, #0f172a);
    margin: 0;
}

.app-info-grid[b-l1zav4i8yy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    background: #f8fafc;
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
}

.app-info-item label[b-l1zav4i8yy] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    margin-bottom: 2px;
    display: block;
}

.app-info-item span[b-l1zav4i8yy] {
    font-size: 0.9rem;
    color: #1e293b;
    font-weight: 600;
}

.app-description[b-l1zav4i8yy] {
    font-size: 0.9rem;
    color: #475569;
    line-height: 1.5;
    background: white;
    padding: 10px 14px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.app-actions[b-l1zav4i8yy] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
}

.empty-state-box[b-l1zav4i8yy] {
    text-align: center;
    padding: 48px 20px;
    background: white;
    border-radius: 12px;
    border: 1px dashed var(--speedbiz-line, #cbd5e1);
}

.empty-state-box h3[b-l1zav4i8yy] {
    margin-top: 12px;
    color: var(--speedbiz-navy, #0f172a);
    font-weight: 700;
}
/* _content/B2BMemberNetwork/Components/Pages/Admin/UserManagement.razor.rz.scp.css */
/* SpeedBiz User Management Scoped Styles */

.stat-grid-4[b-7jjsq7u5r1] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

@media (max-width: 900px) {
    .stat-grid-4[b-7jjsq7u5r1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 540px) {
    .stat-grid-4[b-7jjsq7u5r1] {
        grid-template-columns: 1fr;
    }
}

.stat-card-custom[b-7jjsq7u5r1] {
    background: #ffffff;
    border: 1px solid var(--speedbiz-line);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card-custom[b-7jjsq7u5r1]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--speedbiz-teal), #89d4dd);
}

.stat-card-custom:hover[b-7jjsq7u5r1] {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(21, 150, 166, 0.12);
}

.stat-icon-wrap[b-7jjsq7u5r1] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
    background: #f1f5f9;
}

.stat-icon-wrap.purple[b-7jjsq7u5r1] { background: #f3e8ff; color: #7e22ce; }
.stat-icon-wrap.teal[b-7jjsq7u5r1] { background: #e0f2fe; color: #0369a1; }
.stat-icon-wrap.blue[b-7jjsq7u5r1] { background: #dbeafe; color: #1d4ed8; }
.stat-icon-wrap.green[b-7jjsq7u5r1] { background: #dcfce7; color: #15803d; }

.stat-details[b-7jjsq7u5r1] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-7jjsq7u5r1] {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--speedbiz-navy);
    line-height: 1.2;
}

.stat-title[b-7jjsq7u5r1] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--speedbiz-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 2px;
}

/* Toolbar & Filters */
.mgmt-toolbar[b-7jjsq7u5r1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.search-box-wrap[b-7jjsq7u5r1] {
    position: relative;
    min-width: 280px;
}

.search-box-wrap input[b-7jjsq7u5r1] {
    padding-left: 36px;
    padding-right: 32px;
    border-radius: 8px;
    height: 42px;
    border: 1px solid var(--speedbiz-line);
}

.search-box-icon[b-7jjsq7u5r1] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--speedbiz-muted);
    pointer-events: none;
}

.search-clear-btn[b-7jjsq7u5r1] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--speedbiz-muted);
    cursor: pointer;
    font-size: 14px;
    padding: 4px;
}

/* User Directory Table */
.user-table-card[b-7jjsq7u5r1] {
    background: #ffffff;
    border: 1px solid var(--speedbiz-line);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.user-table[b-7jjsq7u5r1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.92rem;
}

.user-table th[b-7jjsq7u5r1] {
    background: #f8fafc;
    color: var(--speedbiz-muted);
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 14px 20px;
    text-align: left;
    border-bottom: 1px solid var(--speedbiz-line);
}

.user-table td[b-7jjsq7u5r1] {
    padding: 16px 20px;
    vertical-align: middle;
    border-bottom: 1px solid #edf2f7;
    color: var(--speedbiz-ink);
}

.user-table tr:last-child td[b-7jjsq7u5r1] {
    border-bottom: none;
}

.user-table tr:hover td[b-7jjsq7u5r1] {
    background: #fafbfc;
}

.inactive-row td[b-7jjsq7u5r1] {
    opacity: 0.65;
    background: #fdfdfd;
}

/* User Info Cell */
.user-info-flex[b-7jjsq7u5r1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.user-avatar-badge[b-7jjsq7u5r1] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--speedbiz-navy);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.95rem;
    flex-shrink: 0;
    position: relative;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.user-avatar-badge.dev[b-7jjsq7u5r1] { background: #061f45; border-color: var(--speedbiz-gold); }
.user-avatar-badge.super[b-7jjsq7u5r1] { background: #4c1d95; }
.user-avatar-badge.admin[b-7jjsq7u5r1] { background: #0e7490; }
.user-avatar-badge.concierge[b-7jjsq7u5r1] { background: #1e40af; }
.user-avatar-badge.member[b-7jjsq7u5r1] { background: #475569; }

.status-dot[b-7jjsq7u5r1] {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.status-dot.online[b-7jjsq7u5r1] { background: #10b981; }
.status-dot.offline[b-7jjsq7u5r1] { background: #ef4444; }

.user-names[b-7jjsq7u5r1] {
    display: flex;
    flex-direction: column;
}

.user-display-name[b-7jjsq7u5r1] {
    font-weight: 700;
    color: var(--speedbiz-navy);
    display: flex;
    align-items: center;
    gap: 6px;
}

.user-email-text[b-7jjsq7u5r1] {
    font-size: 0.82rem;
    color: var(--speedbiz-muted);
}

/* Pill Badges */
.badge-role-pill[b-7jjsq7u5r1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 700;
}

.badge-role-pill.dev[b-7jjsq7u5r1] { background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
.badge-role-pill.super[b-7jjsq7u5r1] { background: #f3e8ff; color: #6b21a8; border: 1px solid #e9d5ff; }
.badge-role-pill.admin[b-7jjsq7u5r1] { background: #e0f2fe; color: #075985; border: 1px solid #bae6fd; }
.badge-role-pill.concierge[b-7jjsq7u5r1] { background: #dbeafe; color: #1e40af; border: 1px solid #bfdbfe; }
.badge-role-pill.member[b-7jjsq7u5r1] { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; }

.badge-status[b-7jjsq7u5r1] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 0.76rem;
    font-weight: 700;
}

.badge-status.active[b-7jjsq7u5r1] { background: #dcfce7; color: #166534; }
.badge-status.suspended[b-7jjsq7u5r1] { background: #fee2e2; color: #991b1b; }

.pill-tag[b-7jjsq7u5r1] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.pill-tag.protected[b-7jjsq7u5r1] { background: #fef3c7; color: #b45309; }
.pill-tag.you[b-7jjsq7u5r1] { background: #e0f2fe; color: #0284c7; }

/* Permissions presentation */
.perm-chips-container[b-7jjsq7u5r1] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    max-width: 320px;
}

.perm-mini-chip[b-7jjsq7u5r1] {
    background: #f1f5f9;
    color: #334155;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.perm-full-access[b-7jjsq7u5r1] {
    color: #7e22ce;
    background: #faf5ff;
    border: 1px solid #f3e8ff;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Actions */
.action-buttons-group[b-7jjsq7u5r1] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.btn-icon-action[b-7jjsq7u5r1] {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid var(--speedbiz-line);
    background: #ffffff;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    padding: 0;
}

.btn-icon-action:hover[b-7jjsq7u5r1] {
    background: #f8fafc;
    color: var(--speedbiz-navy);
    border-color: #cbd5e1;
}

.btn-icon-action.danger:hover[b-7jjsq7u5r1] {
    background: #fee2e2;
    color: #b91c1c;
    border-color: #fca5a5;
}

.btn-icon-action.toggle-off[b-7jjsq7u5r1] {
    color: #dc2626;
}

.btn-icon-action.toggle-on[b-7jjsq7u5r1] {
    color: #16a34a;
}

/* Modal Styling */
.modal-header-row[b-7jjsq7u5r1] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--speedbiz-line);
    background: #fafbfc;
}

.modal-header-titles h2[b-7jjsq7u5r1] {
    margin: 0 0 4px;
    font-size: 1.25rem;
    color: var(--speedbiz-navy);
    font-weight: 750;
}

.modal-header-titles p[b-7jjsq7u5r1] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--speedbiz-muted);
}

.modal-close-x[b-7jjsq7u5r1] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
}

.modal-close-x:hover[b-7jjsq7u5r1] {
    color: var(--speedbiz-ink);
}

.modal-body-content[b-7jjsq7u5r1] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.modal-footer-row[b-7jjsq7u5r1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid var(--speedbiz-line);
    background: #fafbfc;
}

/* Permissions Selection Grid in Modal */
.perm-selector-box[b-7jjsq7u5r1] {
    background: #f8fafc;
    border: 1px solid var(--speedbiz-line);
    border-radius: 8px;
    padding: 16px;
    margin-top: 8px;
}

.perm-selector-header[b-7jjsq7u5r1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}

.perm-selector-title[b-7jjsq7u5r1] {
    font-size: 0.9rem;
    font-weight: 750;
    color: var(--speedbiz-navy);
}

.perm-preset-buttons[b-7jjsq7u5r1] {
    display: flex;
    gap: 6px;
}

.btn-preset-mini[b-7jjsq7u5r1] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    padding: 3px 8px;
    cursor: pointer;
}

.btn-preset-mini:hover[b-7jjsq7u5r1] {
    background: #f1f5f9;
    color: var(--speedbiz-navy);
}

.perm-cards-grid[b-7jjsq7u5r1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

@media (max-width: 600px) {
    .perm-cards-grid[b-7jjsq7u5r1] {
        grid-template-columns: 1fr;
    }
}

.perm-card-item[b-7jjsq7u5r1] {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
}

.perm-card-item:hover[b-7jjsq7u5r1] {
    border-color: #cbd5e1;
    background: #fafbfc;
}

.perm-card-item.checked[b-7jjsq7u5r1] {
    border-color: var(--speedbiz-teal);
    background: #f0fdfa;
}

.perm-card-item-top[b-7jjsq7u5r1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--speedbiz-navy);
}

.perm-card-item p[b-7jjsq7u5r1] {
    margin: 4px 0 0 24px;
    font-size: 0.76rem;
    color: var(--speedbiz-muted);
    line-height: 1.3;
}

/* Empty & Loading States */
.table-empty-box[b-7jjsq7u5r1] {
    text-align: center;
    padding: 48px 24px;
    color: var(--speedbiz-muted);
}

.table-empty-box h3[b-7jjsq7u5r1] {
    color: var(--speedbiz-navy);
    font-size: 1.1rem;
    margin: 12px 0 4px;
}
/* _content/B2BMemberNetwork/Components/Pages/Dashboard.razor.rz.scp.css */
/* Premium Dashboard Styles */
.premium-dashboard-header[b-p8b7jxk8sd] {
    background: #072a52;
    border-radius: 12px;
    padding: 32px 40px;
    margin-top: 16px;
    margin-bottom: 32px;
    box-shadow: 0 12px 32px rgba(6, 31, 69, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.premium-dashboard-header h1[b-p8b7jxk8sd] {
    color: #f59e0b !important;
    font-weight: 800;
    margin-bottom: 8px;
    font-size: 2.2rem;
}

.premium-dashboard-header .muted[b-p8b7jxk8sd] {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem;
    max-width: 600px;
}

.premium-dashboard-header .eyebrow[b-p8b7jxk8sd] {
    color: #1596a6 !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.premium-btn[b-p8b7jxk8sd] {
    background-color: #f59e0b !important;
    color: #172026 !important;
    border: none !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
}

.premium-btn:hover[b-p8b7jxk8sd] {
    background-color: #f97316 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(245, 158, 11, 0.4);
}

.stat-card[b-p8b7jxk8sd] {
    background: #ffffff;
    border: 1px solid #d8dee4;
    border-radius: 12px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(23, 32, 38, 0.04);
}

.stat-card:hover[b-p8b7jxk8sd] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(23, 32, 38, 0.08);
    border-color: #1596a6;
}

.stat-icon[b-p8b7jxk8sd] {
    width: 54px;
    height: 54px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon.businesses[b-p8b7jxk8sd] {
    background: #f0f7ff;
    color: #061f45;
}

.stat-icon.calendly[b-p8b7jxk8sd] {
    background: #fff7dc;
    color: #f97316;
}

.stat-icon.news[b-p8b7jxk8sd] {
    background: #ecfdf3;
    color: #16a34a;
}

.stat-content[b-p8b7jxk8sd] {
    display: flex;
    flex-direction: column;
}

.stat-content span[b-p8b7jxk8sd] {
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    margin-bottom: 4px;
    color: #667085;
}

.stat-content strong[b-p8b7jxk8sd] {
    font-size: 2.2rem;
    line-height: 1;
    color: #172026;
}

.opportunity-panel[b-p8b7jxk8sd] {
    border: 1px solid #f59e0b;
    box-shadow: 0 8px 24px rgba(245, 158, 11, 0.08);
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 12px;
    background: #ffffff;
}

.opportunity-panel[b-p8b7jxk8sd]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #f59e0b, #f97316);
}

.rec-card[b-p8b7jxk8sd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    border-radius: 8px;
    background: #f6f8fa;
    margin-bottom: 12px;
    border: 1px solid transparent;
    transition: all 0.2s ease;
}

.rec-card:hover[b-p8b7jxk8sd] {
    background: #fff;
    border-color: #f59e0b;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.1);
    transform: translateX(4px);
}

.rec-info[b-p8b7jxk8sd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rec-title[b-p8b7jxk8sd] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #061f45;
}

.rec-meta[b-p8b7jxk8sd] {
    font-size: 0.9rem;
    color: #667085;
}

.rec-badges[b-p8b7jxk8sd] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
    flex-wrap: wrap;
}

/* Redesigned badging */
.badge-soft[b-p8b7jxk8sd] {
    background: #e8f7f8;
    color: #0f6670;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
}

.btn-solid-teal[b-p8b7jxk8sd] {
    background: #1596a6;
    color: white !important;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(21, 150, 166, 0.25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.btn-solid-teal:hover[b-p8b7jxk8sd] {
    background: #0f7c8a;
    box-shadow: 0 4px 12px rgba(21, 150, 166, 0.35);
}

.notification-item[b-p8b7jxk8sd] {
    display: flex;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #d8dee4;
}

.notification-item:last-child[b-p8b7jxk8sd] {
    border-bottom: none;
    padding-bottom: 0;
}

.notif-icon[b-p8b7jxk8sd] {
    color: #1596a6;
    margin-top: 2px;
}

.notif-content strong[b-p8b7jxk8sd] {
    display: block;
    color: #061f45;
    font-size: 1rem;
    margin-bottom: 4px;
}

.notif-content p[b-p8b7jxk8sd] {
    margin: 4px 0 8px;
    color: #172026;
    font-size: 0.95rem;
}

.notif-date[b-p8b7jxk8sd] {
    font-size: 0.8rem;
    color: #667085;
}

.teal-link[b-p8b7jxk8sd] {
    color: #1596a6;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
}

.teal-link:hover[b-p8b7jxk8sd] {
    text-decoration: underline;
}

.empty-state[b-p8b7jxk8sd] {
    text-align: center;
    padding: 32px 16px;
    color: #667085;
}

.empty-state svg[b-p8b7jxk8sd] {
    margin-bottom: 12px;
    opacity: 0.5;
}

.news-item[b-p8b7jxk8sd] {
    padding: 16px;
    border: 1px solid #d8dee4;
    border-radius: 8px;
    margin-bottom: 12px;
    background: #f6f8fa;
    transition: transform 0.2s;
}

.news-item:hover[b-p8b7jxk8sd] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(23, 32, 38, 0.05);
}

.news-content strong[b-p8b7jxk8sd] {
    display: block;
    font-size: 1.1rem;
    color: #061f45;
    margin-bottom: 4px;
}

.news-content p[b-p8b7jxk8sd] {
    margin-top: 8px;
    margin-bottom: 0;
}

.notification-panel[b-p8b7jxk8sd] {
    border: 1px solid #1596a6;
    box-shadow: 0 8px 24px rgba(21, 150, 166, 0.08);
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 12px;
    background: #ffffff;
}

.notification-panel[b-p8b7jxk8sd]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #1596a6, #89d4dd);
}

.news-panel[b-p8b7jxk8sd] {
    border: 1px solid #d8dee4;
    box-shadow: 0 8px 24px rgba(6, 31, 69, 0.05);
    position: relative;
    overflow: hidden;
    padding: 24px;
    border-radius: 12px;
    background: #ffffff;
}

.news-panel[b-p8b7jxk8sd]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #061f45, #092b5c);
}
/* _content/B2BMemberNetwork/Components/Pages/Directory.razor.rz.scp.css */
.premium-dashboard-header[b-p6puol85kw] {
    background: #072a52;
    border-radius: 12px;
    padding: 32px 40px;
    margin-top: 16px;
    margin-bottom: 32px;
    box-shadow: 0 12px 32px rgba(6, 31, 69, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.premium-dashboard-header h1[b-p6puol85kw] {
    color: #f59e0b !important;
    font-weight: 800;
    margin-bottom: 8px;
    font-size: 2.2rem;
}

.premium-dashboard-header .muted[b-p6puol85kw] {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.1rem;
    max-width: 600px;
}

.premium-dashboard-header .eyebrow[b-p6puol85kw] {
    color: #1596a6 !important;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.recommendation-card[b-p6puol85kw] {
    border: 1px solid #f59e0b;
    box-shadow: 0 4px 16px rgba(245, 158, 11, 0.05);
    position: relative;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
}

.recommendation-card[b-p6puol85kw]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #f59e0b, #f97316);
}

.recommendation-card:hover[b-p6puol85kw] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(245, 158, 11, 0.12);
}

.recommendation-head h2[b-p6puol85kw] {
    font-size: 1.3rem;
    color: #061f45;
    margin-bottom: 4px;
}

.badge-soft[b-p6puol85kw] {
    background: #e8f7f8;
    color: #0f6670;
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
}

.btn-solid-teal[b-p6puol85kw] {
    background: #1596a6;
    color: white !important;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(21, 150, 166, 0.25);
    padding: 8px 16px;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.btn-solid-teal:hover[b-p6puol85kw] {
    background: #0f7c8a;
    box-shadow: 0 4px 12px rgba(21, 150, 166, 0.35);
}

.btn-outline-gold[b-p6puol85kw] {
    border: 1px solid #f59e0b;
    color: #f59e0b !important;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
    padding: 8px 16px;
    background: transparent;
}

.btn-outline-gold:hover[b-p6puol85kw] {
    background: #f59e0b;
    color: white !important;
}

.directory-card[b-p6puol85kw] {
    border: 1px solid #1596a6;
    box-shadow: 0 4px 16px rgba(21, 150, 166, 0.05);
    position: relative;
    overflow: hidden;
    transition: transform 0.2s, box-shadow 0.2s;
    background: #f6f8fa;
}

.directory-card[b-p6puol85kw]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 4px;
    background: linear-gradient(90deg, #1596a6, #89d4dd);
}

.directory-card:hover[b-p6puol85kw] {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(21, 150, 166, 0.12);
    border-color: #0f7c8a;
    background: #ffffff;
}

.directory-card h2[b-p6puol85kw] {
    font-size: 1.3rem;
    color: #061f45;
    margin-bottom: 4px;
}
/* _content/B2BMemberNetwork/Components/Pages/UserGuide.razor.rz.scp.css */
/* SpeedBiz Standard User Guide Styles */

.guide-content-flow[b-4brap0ppr5] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.guide-panel[b-4brap0ppr5] {
    background: #ffffff;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    border-radius: 12px;
    padding: 24px;
}

.guide-panel-header[b-4brap0ppr5] {
    margin-bottom: 8px;
}

.guide-tag[b-4brap0ppr5] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: #f1f5f9;
    color: #475569;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 8px;
}

.guide-panel-header h2[b-4brap0ppr5] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--speedbiz-navy, #072a52);
    margin: 4px 0 6px 0;
}

.guide-item-card[b-4brap0ppr5] {
    background: #f8fafc;
    border: 1px solid var(--speedbiz-line, #e2e8f0);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.item-step-badge[b-4brap0ppr5] {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    background: var(--speedbiz-navy, #072a52);
    color: #ffffff;
    padding: 2px 7px;
    border-radius: 4px;
    width: fit-content;
    margin-bottom: 10px;
}

.guide-item-card h3[b-4brap0ppr5] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.guide-note[b-4brap0ppr5] {
    background: #fefce8;
    border: 1px solid #fef08a;
    color: #854d0e;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 0.86rem;
    line-height: 1.5;
    margin: 12px 0;
}

.guide-list[b-4brap0ppr5] {
    margin: 10px 0 16px 0;
    padding-left: 20px;
    font-size: 0.9rem;
    color: #334155;
    line-height: 1.6;
}

.guide-list li[b-4brap0ppr5] {
    margin-bottom: 6px;
}

.guide-ordered-list[b-4brap0ppr5] {
    margin: 10px 0 16px 0;
    padding-left: 20px;
    font-size: 0.9rem;
    color: #334155;
    line-height: 1.6;
}

.guide-ordered-list li[b-4brap0ppr5] {
    margin-bottom: 6px;
}

.item-actions[b-4brap0ppr5] {
    margin-top: auto;
    padding-top: 14px;
}

.table code[b-4brap0ppr5] {
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--speedbiz-navy, #072a52);
    font-size: 0.85rem;
    font-weight: 600;
}

.table th[b-4brap0ppr5] {
    font-weight: 700;
    color: #0f172a;
    font-size: 0.88rem;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.table td[b-4brap0ppr5] {
    font-size: 0.88rem;
    color: #334155;
    vertical-align: middle;
}