/* /Components/CommunityAvatar.razor.rz.scp.css */
.community-avatar[b-kdsk8wcgpk] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
    object-fit: cover;
}

.community-avatar-md[b-kdsk8wcgpk] {
    width: 44px;
    height: 44px;
    font-size: 1rem;
}

.community-avatar-lg[b-kdsk8wcgpk] {
    width: 56px;
    height: 56px;
    font-size: 1.35rem;
    border-radius: 18px;
}

.community-avatar-xl[b-kdsk8wcgpk] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.community-avatar-placeholder[b-kdsk8wcgpk] {
    display: flex;
}
/* /Components/FriendAvatar.razor.rz.scp.css */
.friend-avatar[b-hybojx8gjq] {
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(96, 165, 250, 0.35);
    flex-shrink: 0;
}

.friend-avatar-sm[b-hybojx8gjq] {
    width: 36px;
    height: 36px;
}

.friend-avatar-md[b-hybojx8gjq] {
    width: 52px;
    height: 52px;
}

.friend-avatar-lg[b-hybojx8gjq] {
    width: 72px;
    height: 72px;
}

.friend-avatar-placeholder[b-hybojx8gjq] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
}

.friend-avatar-sm.friend-avatar-placeholder[b-hybojx8gjq] {
    font-size: 0.85rem;
}

.friend-avatar-md.friend-avatar-placeholder[b-hybojx8gjq] {
    font-size: 1.1rem;
}

.friend-avatar-lg.friend-avatar-placeholder[b-hybojx8gjq] {
    font-size: 1.5rem;
}
/* /Components/TimeSeriesChart.razor.rz.scp.css */
.ts-chart[b-s2jdwjvkrx] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #ddd);
    border-radius: 8px;
    padding: 0.75rem 0.9rem;
}

.ts-chart-header[b-s2jdwjvkrx] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
    flex-wrap: wrap;
}

.ts-chart-title[b-s2jdwjvkrx] {
    font-weight: 600;
    color: var(--text);
    font-size: 0.95rem;
}

.ts-chart-legend[b-s2jdwjvkrx] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ts-legend-item[b-s2jdwjvkrx] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    color: var(--muted);
}

.ts-legend-swatch[b-s2jdwjvkrx] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
}

.ts-chart-svg[b-s2jdwjvkrx] {
    width: 100%;
    height: auto;
    display: block;
}

.ts-chart-empty[b-s2jdwjvkrx] {
    color: var(--muted);
    font-size: 0.85rem;
    padding: 1.5rem 0;
    text-align: center;
}

.ts-grid[b-s2jdwjvkrx] {
    stroke: var(--border);
    stroke-width: 1;
    opacity: 0.5;
}

.ts-axis-label[b-s2jdwjvkrx] {
    fill: var(--muted);
    font-size: 12px;
}

.ts-x-label[b-s2jdwjvkrx] {
    text-anchor: middle;
}

.ts-line[b-s2jdwjvkrx] {
    stroke-linejoin: round;
    stroke-linecap: round;
}
/* /Components/UploadTray.razor.rz.scp.css */
.upload-tray[b-ceza2tvc4d] {
    position: fixed;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    width: min(42rem, calc(100vw - 1.5rem));
    z-index: 1200;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    overflow: hidden;
}

.upload-tray-toggle[b-ceza2tvc4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--text);
    padding: 0.9rem 1.1rem;
    text-align: left;
    cursor: pointer;
}

.upload-tray-toggle:hover[b-ceza2tvc4d] {
    background: rgba(255, 255, 255, 0.03);
}

.upload-tray-summary[b-ceza2tvc4d] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.upload-tray-folder-name[b-ceza2tvc4d] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upload-tray-file-stats[b-ceza2tvc4d] {
    color: var(--muted);
    font-size: 0.88rem;
}

.upload-tray-chevron[b-ceza2tvc4d] {
    color: var(--muted);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.upload-tray-progress[b-ceza2tvc4d] {
    height: 0.2rem;
    background: rgba(255, 255, 255, 0.06);
}

.upload-tray-progress-bar[b-ceza2tvc4d] {
    height: 100%;
    background: linear-gradient(90deg, var(--accent, #60a5fa), #93c5fd);
    transition: width 0.25s ease;
}

.upload-tray-details[b-ceza2tvc4d] {
    padding: 0 1.1rem 1rem;
}

.upload-tray-status[b-ceza2tvc4d] {
    margin: 0 0 0.75rem;
    color: var(--muted);
    font-size: 0.9rem;
}

.upload-tray-actions[b-ceza2tvc4d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.upload-tray-link[b-ceza2tvc4d] {
    margin-left: auto;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width: 640px) {
    .upload-tray[b-ceza2tvc4d] {
        bottom: 0.75rem;
        width: calc(100vw - 1rem);
    }

    .upload-tray-link[b-ceza2tvc4d] {
        margin-left: 0;
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-x3d5cje4b3] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: transparent;
}

main[b-x3d5cje4b3] {
    flex: 1;
    background-color: transparent;
}

.sidebar[b-x3d5cje4b3] {
    background: rgba(255, 255, 255, 0.03);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
}

.top-row[b-x3d5cje4b3] {
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    justify-content: flex-end;
    height: 3.4rem;
    display: flex;
    align-items: center;
}

.top-row[b-x3d5cje4b3]  a, .top-row[b-x3d5cje4b3]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: rgba(232, 237, 245, 0.6);
    font-weight: 500;
    transition: color 0.15s ease;
}

.top-row[b-x3d5cje4b3]  a:hover, .top-row[b-x3d5cje4b3]  .btn-link:hover {
    text-decoration: none;
    color: var(--text);
}

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

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

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

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

    .sidebar[b-x3d5cje4b3] {
        width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 200;
    }

    main[b-x3d5cje4b3] {
        position: relative;
        z-index: 1;
    }

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

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

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

article[b-x3d5cje4b3] {
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(24px) saturate(160%);
    -webkit-backdrop-filter: blur(24px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255,255,255,0.07);
    color: var(--text);
    margin: 1.1rem 0.85rem 1.5rem 0.85rem;
}

@media (max-width: 640.98px) {
    .sidebar[b-x3d5cje4b3] {
        width: 100%;
        height: auto;
        position: relative;
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        z-index: 200;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    main[b-x3d5cje4b3] {
        padding-bottom: 1rem;
        position: relative;
        z-index: 1;
    }

    article[b-x3d5cje4b3] {
        margin: 0.85rem 0.6rem 1.2rem 0.6rem;
        border-radius: 18px;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-42b1c900c3] {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.15);
    color: var(--text);
}

.top-row[b-42b1c900c3] {
    min-height: 3.4rem;
    background: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    z-index: 100;
    position: relative;
}

.top-row-menus-open[b-42b1c900c3] {
    z-index: 1051;
}

.navbar-brand[b-42b1c900c3] {
    font-size: 1.05rem;
    color: var(--text);
    letter-spacing: 0.3px;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 600;
}

.account-menu[b-42b1c900c3] {
    position: relative;
    display: flex;
    align-items: center;
}

.notification-menu[b-42b1c900c3] {
    position: relative;
}

.notification-button[b-42b1c900c3] {
    position: relative;
    color: rgba(232, 237, 245, 0.7);
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
}

.notification-icon[b-42b1c900c3] {
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.notification-count[b-42b1c900c3] {
    position: absolute;
    right: -0.35rem;
    top: -0.45rem;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: #ef4444;
    color: white;
    font-size: 0.7rem;
    line-height: 1.2rem;
    font-weight: 700;
}

.notification-dropdown[b-42b1c900c3] {
    position: absolute;
    left: 0;
    top: calc(100% + 0.4rem);
    width: min(24rem, calc(100vw - 2rem));
    max-height: 30rem;
    overflow-y: auto;
    background: rgba(10, 15, 38, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 0.6rem;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(24px) saturate(180%);
    z-index: 1050;
}

@media (max-width: 640px) {
    .top-row[b-42b1c900c3] {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .notification-dropdown[b-42b1c900c3] {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: 3.8rem;
        width: auto;
        max-height: calc(100vh - 4.5rem);
        bottom: auto;
    }
}

.notification-heading[b-42b1c900c3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text);
    font-weight: 600;
    padding: 0.25rem 0.45rem 0.55rem;
}

.notification-heading .btn-link[b-42b1c900c3] {
    color: #93c5fd;
    text-decoration: none;
}

.notification-item[b-42b1c900c3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    width: 100%;
    border: 0;
    border-radius: 9px;
    padding: 0.65rem 0.7rem;
    background: transparent;
    color: rgba(232, 237, 245, 0.72);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.notification-item:hover[b-42b1c900c3],
.notification-item.unread[b-42b1c900c3] {
    background: rgba(96, 165, 250, 0.12);
    color: var(--text);
}

.notification-message[b-42b1c900c3] {
    line-height: 1.35;
}

.notification-meta[b-42b1c900c3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.notification-link-label[b-42b1c900c3] {
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.notification-item:hover .notification-link-label[b-42b1c900c3] {
    color: #bfdbfe;
    text-decoration: underline;
}

.notification-item small[b-42b1c900c3],
.notification-empty[b-42b1c900c3] {
    color: rgba(232, 237, 245, 0.45);
}

.notification-empty[b-42b1c900c3] {
    padding: 0.8rem 0.7rem;
}

.account-button[b-42b1c900c3] {
    color: rgba(232, 237, 245, 0.7);
    border-color: rgba(255, 255, 255, 0.15);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(8px);
    transition: all 0.18s ease;
}

.account-button:hover[b-42b1c900c3] {
    color: var(--text);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

.account-dropdown[b-42b1c900c3] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.4rem);
    min-width: 13.5rem;
    background: rgba(10, 15, 38, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 14px;
    padding: 0.6rem;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255,255,255,0.07);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    z-index: 1050;
}

.account-menu-backdrop[b-42b1c900c3] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1049;
}

.account-email[b-42b1c900c3] {
    color: rgba(232, 237, 245, 0.45);
    font-size: 0.83rem;
    margin-bottom: 0.5rem;
    word-break: break-all;
    padding: 0.2rem 0.6rem;
}

.account-link[b-42b1c900c3] {
    color: rgba(232, 237, 245, 0.8);
    text-decoration: none;
    display: block;
    padding: 0.45rem 0.7rem;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

button.account-link[b-42b1c900c3] {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
}

.account-link:hover[b-42b1c900c3] {
    background: rgba(96, 165, 250, 0.12);
    color: var(--text);
    text-decoration: none;
}

.bi[b-42b1c900c3] {
    display: inline-block;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.65rem;
    top: -1px;
    background-size: cover;
    opacity: 0.75;
}

.nav-item[b-42b1c900c3] {
    font-size: 0.875rem;
    padding-bottom: 0.2rem;
}

.nav-item:first-of-type[b-42b1c900c3] {
    padding-top: 0.85rem;
}

.nav-item:last-of-type[b-42b1c900c3] {
    padding-bottom: 0.85rem;
}

.nav-item[b-42b1c900c3]  span.nav-link {
    color: rgba(232, 237, 245, 0.45);
    font-weight: 500;
    letter-spacing: 0.2px;
}

.nav-item.nav-section-header[b-42b1c900c3]  span.nav-link {
    color: rgba(232, 237, 245, 0.35);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.68rem;
    letter-spacing: 0.14rem;
    padding-left: 0.35rem;
}

.nav-item[b-42b1c900c3]  a {
    color: rgba(232, 237, 245, 0.65);
    border-radius: 10px;
    height: 2.4rem;
    display: flex;
    align-items: center;
    line-height: 2.4rem;
    padding: 0 0.7rem 0 0.9rem;
    font-weight: 500;
    transition: background 0.15s ease, color 0.15s ease;
}

.nav-item.nav-sub-item[b-42b1c900c3]  a {
    padding-left: 1.8rem;
    font-size: 0.85rem;
    height: 2.2rem;
    line-height: 2.2rem;
}

.nav-item[b-42b1c900c3]  a.active {
    background: rgba(96, 165, 250, 0.14);
    color: #bfdbfe;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.25), 0 2px 8px rgba(96, 165, 250, 0.12);
}

.nav-item[b-42b1c900c3]  a:hover {
    background: rgba(255, 255, 255, 0.07);
    color: var(--text);
}

.upload-nav-badge[b-42b1c900c3] {
    margin-left: 0.45rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.22);
    color: #bfdbfe;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.15rem;
    text-align: center;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.35);
}

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

    .collapse[b-42b1c900c3] {
        display: block;
    }

    .nav-scrollable[b-42b1c900c3] {
        height: calc(100vh - 3.4rem);
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255,255,255,0.1) transparent;
    }
}
/* /Pages/AcroEventListings.razor.rz.scp.css */
.listings-page[b-u6k2d2mzjf] {
    max-width: 960px;
}

.listings-header[b-u6k2d2mzjf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.listings-title[b-u6k2d2mzjf] {
    margin-bottom: 0.35rem;
}

.listings-subtitle[b-u6k2d2mzjf] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.listings-status[b-u6k2d2mzjf] {
    margin-bottom: 1rem;
}

.listings-loading[b-u6k2d2mzjf] {
    color: var(--muted);
    padding: 2rem 0;
}

.listings-count[b-u6k2d2mzjf] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.88rem;
}

.listings-grid[b-u6k2d2mzjf] {
    display: grid;
    gap: 1rem;
}

.listings-card[b-u6k2d2mzjf] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.listings-empty-state[b-u6k2d2mzjf] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.listings-empty-title[b-u6k2d2mzjf] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.listings-empty[b-u6k2d2mzjf] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.listings-event-header[b-u6k2d2mzjf] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    margin-bottom: 0.85rem;
}

.listings-event-avatar[b-u6k2d2mzjf] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.listings-event-body[b-u6k2d2mzjf] {
    min-width: 0;
}

.listings-event-name[b-u6k2d2mzjf] {
    margin: 0 0 0.2rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.listings-event-meta[b-u6k2d2mzjf] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.listings-event-section[b-u6k2d2mzjf] {
    margin-bottom: 0.65rem;
}

.listings-event-label[b-u6k2d2mzjf] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.listings-event-text[b-u6k2d2mzjf] {
    margin: 0;
    font-size: 0.92rem;
}

.listings-event-description[b-u6k2d2mzjf] {
    margin: 0 0 0.85rem;
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.listings-event-links[b-u6k2d2mzjf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.listings-event-images[b-u6k2d2mzjf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.listings-event-image[b-u6k2d2mzjf] {
    max-width: 200px;
    max-height: 150px;
    object-fit: cover;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 640px) {
    .listings-event-header[b-u6k2d2mzjf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminBulkUpload.razor.rz.scp.css */
.admin-bulk-page[b-a40bfj3d8k] {
    max-width: 1100px;
}

.admin-bulk-header[b-a40bfj3d8k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-bulk-title[b-a40bfj3d8k] {
    margin-bottom: 0.35rem;
}

.admin-bulk-subtitle[b-a40bfj3d8k],
.admin-bulk-empty[b-a40bfj3d8k],
.admin-bulk-browser-user[b-a40bfj3d8k] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.admin-bulk-status[b-a40bfj3d8k] {
    margin-bottom: 1rem;
}

.admin-bulk-loading[b-a40bfj3d8k] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-bulk-confirm-banner[b-a40bfj3d8k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-bulk-confirm-actions[b-a40bfj3d8k] {
    display: flex;
    gap: 0.5rem;
}

.admin-bulk-card[b-a40bfj3d8k] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-bulk-browser-card[b-a40bfj3d8k] {
    margin-bottom: 0;
}

.admin-bulk-section-title[b-a40bfj3d8k] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.admin-bulk-browser-header[b-a40bfj3d8k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.admin-bulk-upload-list[b-a40bfj3d8k] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.admin-bulk-upload-item[b-a40bfj3d8k] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
    color: inherit;
}

.admin-bulk-upload-item.selected[b-a40bfj3d8k] {
    border-color: rgba(96, 165, 250, 0.55);
    background: rgba(59, 130, 246, 0.12);
}

.admin-bulk-upload-item-main[b-a40bfj3d8k] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.admin-bulk-upload-item-name[b-a40bfj3d8k] {
    font-weight: 600;
}

.admin-bulk-upload-item-meta[b-a40bfj3d8k],
.admin-bulk-upload-item-date[b-a40bfj3d8k],
.admin-bulk-entry-size[b-a40bfj3d8k],
.admin-bulk-entry-date[b-a40bfj3d8k] {
    color: var(--muted);
    font-size: 0.88rem;
}

.admin-bulk-breadcrumbs[b-a40bfj3d8k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.admin-bulk-crumb[b-a40bfj3d8k] {
    border: none;
    background: transparent;
    color: #93c5fd;
    padding: 0;
    font-size: 0.9rem;
}

.admin-bulk-crumb-separator[b-a40bfj3d8k] {
    color: var(--muted);
}

.admin-bulk-entry-table[b-a40bfj3d8k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-bulk-entry-row[b-a40bfj3d8k] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 0.8fr 1fr 1.2fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.7rem 0.85rem;
    border-radius: 12px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

.admin-bulk-entry-header[b-a40bfj3d8k] {
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    background: transparent;
    border: none;
    padding-left: 0;
    padding-right: 0;
}

.admin-bulk-entry-link[b-a40bfj3d8k] {
    border: none;
    background: transparent;
    color: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    text-align: left;
}

.admin-bulk-entry-file[b-a40bfj3d8k] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.admin-bulk-entry-actions[b-a40bfj3d8k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

@media (max-width: 768px) {
    .admin-bulk-entry-row[b-a40bfj3d8k] {
        grid-template-columns: 1fr;
    }

    .admin-bulk-entry-header[b-a40bfj3d8k] {
        display: none;
    }
}
/* /Pages/AdminConfig.razor.rz.scp.css */
.admin-config-page[b-xcxwh2ifaf] {
    max-width: 960px;
}

.admin-config-header[b-xcxwh2ifaf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-config-title[b-xcxwh2ifaf] {
    margin-bottom: 0.35rem;
}

.admin-config-subtitle[b-xcxwh2ifaf] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-config-status[b-xcxwh2ifaf] {
    margin-bottom: 1rem;
}

.admin-config-loading[b-xcxwh2ifaf] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-config-card[b-xcxwh2ifaf] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-config-card-header[b-xcxwh2ifaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.admin-config-section-title[b-xcxwh2ifaf] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-config-section-intro[b-xcxwh2ifaf],
.admin-config-empty[b-xcxwh2ifaf],
.admin-config-hint[b-xcxwh2ifaf] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-config-section-intro[b-xcxwh2ifaf] {
    margin-bottom: 1rem;
}

.admin-config-hint[b-xcxwh2ifaf] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
}

.admin-config-grid[b-xcxwh2ifaf] {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .admin-config-grid--two[b-xcxwh2ifaf] {
        grid-template-columns: 1fr 1fr;
    }
}

.admin-config-versions[b-xcxwh2ifaf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.admin-config-version-item[b-xcxwh2ifaf] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.admin-config-version-label[b-xcxwh2ifaf] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.admin-config-version-value[b-xcxwh2ifaf] {
    padding: 0.35rem 0.65rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 0.9rem;
}

.admin-config-field[b-xcxwh2ifaf] {
    margin-bottom: 1rem;
}

.admin-config-field:last-child[b-xcxwh2ifaf] {
    margin-bottom: 0;
}

.admin-config-field-label[b-xcxwh2ifaf] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 0.35rem;
    color: var(--text);
}

.admin-config-add-row[b-xcxwh2ifaf] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.85rem;
}

.admin-config-chip-list[b-xcxwh2ifaf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.admin-config-chip[b-xcxwh2ifaf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--accent-soft);
    color: #dbeafe;
    font-size: 0.85rem;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.admin-config-chip:hover:not(:disabled)[b-xcxwh2ifaf] {
    border-color: rgba(239, 68, 68, 0.45);
    background: rgba(239, 68, 68, 0.12);
}

.admin-config-chip:disabled[b-xcxwh2ifaf] {
    opacity: 0.6;
    cursor: not-allowed;
}

.admin-config-actions[b-xcxwh2ifaf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.admin-config-empty-state[b-xcxwh2ifaf] {
    text-align: center;
    padding: 1rem 0.5rem;
    margin-bottom: 0.85rem;
}

.admin-config-empty-title[b-xcxwh2ifaf] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-config-switch-row[b-xcxwh2ifaf] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.admin-config-switch-body[b-xcxwh2ifaf] {
    flex: 1;
    min-width: 0;
}

.admin-config-switch-label[b-xcxwh2ifaf] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.2rem;
}

.admin-config-table-wrap[b-xcxwh2ifaf] {
    margin-bottom: 0.85rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.admin-config-table-wrap .table[b-xcxwh2ifaf] {
    margin-bottom: 0;
}

.admin-config-table-wrap .table > :not(caption) > * > *[b-xcxwh2ifaf] {
    border-color: rgba(255, 255, 255, 0.06);
}

.admin-config-add-form[b-xcxwh2ifaf] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

@media (min-width: 768px) {
    .admin-config-add-form[b-xcxwh2ifaf] {
        grid-template-columns: 1fr 0.75fr 1.25fr auto;
        align-items: end;
    }

    .admin-config-add-form .admin-config-add-form-action[b-xcxwh2ifaf] {
        align-self: end;
    }
}

.admin-config-add-form-field label[b-xcxwh2ifaf] {
    display: block;
    font-size: 0.78rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.admin-config-collapsible[b-xcxwh2ifaf] {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-config-collapsible-summary[b-xcxwh2ifaf] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
    font-size: 0.92rem;
    list-style-position: outside;
}

.admin-config-collapsible-summary:hover[b-xcxwh2ifaf] {
    color: var(--text);
}

.admin-config-collapsible-body[b-xcxwh2ifaf] {
    margin-top: 0.85rem;
}

.admin-config-import-row[b-xcxwh2ifaf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.admin-config-import-message[b-xcxwh2ifaf] {
    margin-top: 0.65rem;
    font-size: 0.9rem;
}

.admin-config-import-message.is-error[b-xcxwh2ifaf] {
    color: #f87171;
}

.admin-config-import-message.is-success[b-xcxwh2ifaf] {
    color: #4ade80;
}

.admin-config-file-name[b-xcxwh2ifaf] {
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .admin-config-add-row[b-xcxwh2ifaf] {
        grid-template-columns: 1fr;
    }

    .admin-config-add-form[b-xcxwh2ifaf] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AdminMetrics.razor.rz.scp.css */
.admin-metrics-header[b-5s6lq4zyl5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.admin-metrics-title[b-5s6lq4zyl5] {
    font-size: 1.6rem;
    margin: 0;
}

.admin-metrics-subtitle[b-5s6lq4zyl5] {
    color: var(--muted);
    margin: 0.2rem 0 0;
}

.admin-metrics-status[b-5s6lq4zyl5] {
    margin-bottom: 1rem;
}

.admin-metrics-section[b-5s6lq4zyl5] {
    margin-bottom: 1.75rem;
}

.admin-metrics-range[b-5s6lq4zyl5] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.admin-metrics-charts[b-5s6lq4zyl5] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 992px) {
    .admin-metrics-charts[b-5s6lq4zyl5] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.admin-metrics-heading[b-5s6lq4zyl5] {
    font-size: 1.15rem;
    margin-bottom: 0.6rem;
}

.admin-metrics-empty[b-5s6lq4zyl5] {
    color: var(--muted);
    font-size: 0.9rem;
    padding: 0.75rem 0;
}

.admin-metrics-table[b-5s6lq4zyl5] {
    font-size: 0.85rem;
}

.admin-metrics-method[b-5s6lq4zyl5] {
    font-family: var(--bs-font-monospace, monospace);
    font-weight: 600;
    font-size: 0.78rem;
}

.admin-metrics-route[b-5s6lq4zyl5] {
    font-family: var(--bs-font-monospace, monospace);
    word-break: break-all;
}

.admin-metrics-warn[b-5s6lq4zyl5] {
    color: #b8860b;
    font-weight: 600;
}

.admin-metrics-danger[b-5s6lq4zyl5] {
    color: #d64545;
    font-weight: 600;
}

.admin-metrics-filters[b-5s6lq4zyl5] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 0.8rem;
}

.admin-metrics-filters label[b-5s6lq4zyl5] {
    display: flex;
    flex-direction: column;
    font-size: 0.78rem;
    color: var(--muted);
    gap: 0.2rem;
}

.admin-metrics-filters input[b-5s6lq4zyl5],
.admin-metrics-filters select[b-5s6lq4zyl5] {
    min-width: 7rem;
}

.admin-metrics-pager[b-5s6lq4zyl5] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 0.6rem;
    font-size: 0.85rem;
    color: var(--muted);
}
/* /Pages/AdminSkills.razor.rz.scp.css */
.admin-skills-page[b-mngqi9y1wd] {
    max-width: 1100px;
}

.admin-skills-header[b-mngqi9y1wd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-skills-title[b-mngqi9y1wd] {
    margin-bottom: 0.35rem;
}

.admin-skills-subtitle[b-mngqi9y1wd] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-skills-status[b-mngqi9y1wd] {
    margin-bottom: 1rem;
}

.admin-skills-loading[b-mngqi9y1wd] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-skills-pending-banner[b-mngqi9y1wd] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.admin-skills-confirm-banner[b-mngqi9y1wd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-skills-confirm-actions[b-mngqi9y1wd] {
    display: flex;
    gap: 0.5rem;
}

.admin-skills-card[b-mngqi9y1wd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-skills-card-header[b-mngqi9y1wd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-skills-section-title[b-mngqi9y1wd] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-skills-section-intro[b-mngqi9y1wd],
.admin-skills-empty[b-mngqi9y1wd],
.admin-skills-empty-inline[b-mngqi9y1wd] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-skills-section-intro[b-mngqi9y1wd] {
    margin-bottom: 1rem;
}

.admin-skills-empty-state[b-mngqi9y1wd] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.admin-skills-empty-title[b-mngqi9y1wd] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-skills-search-row[b-mngqi9y1wd] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.admin-skills-list[b-mngqi9y1wd] {
    display: grid;
    gap: 0.75rem;
}

.admin-skills-row[b-mngqi9y1wd] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.admin-skills-row-body[b-mngqi9y1wd] {
    min-width: 0;
}

.admin-skills-row-name[b-mngqi9y1wd] {
    display: inline-block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.25rem;
}

.admin-skills-row-name:hover[b-mngqi9y1wd] {
    color: #93c5fd;
}

.admin-skills-row-description[b-mngqi9y1wd] {
    margin: 0.35rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.admin-skills-row-meta[b-mngqi9y1wd] {
    margin-top: 0.45rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.admin-skills-row-badges[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.admin-skills-kind-badge[b-mngqi9y1wd] {
    background: rgba(96, 165, 250, 0.2) !important;
    border: 1px solid rgba(96, 165, 250, 0.35);
    color: #dbeafe !important;
}

.admin-skills-count-badge[b-mngqi9y1wd] {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--muted) !important;
    font-weight: 500;
}

.admin-skills-row-actions[b-mngqi9y1wd] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
    flex-shrink: 0;
}

.admin-skills-pagination[b-mngqi9y1wd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-skills-pagination-info[b-mngqi9y1wd] {
    color: var(--muted);
    font-size: 0.88rem;
}

.admin-skills-pagination-controls[b-mngqi9y1wd] {
    display: flex;
    gap: 0.5rem;
}

.admin-skills-form-card[b-mngqi9y1wd] {
    border-color: rgba(96, 165, 250, 0.2);
}

.admin-skills-form-card.editing[b-mngqi9y1wd] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.04);
}

.admin-skills-form-grid[b-mngqi9y1wd] {
    display: grid;
    gap: 1rem;
}

.admin-skills-form-field label[b-mngqi9y1wd] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0.35rem;
    font-weight: 600;
}

.admin-skills-videos[b-mngqi9y1wd] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.admin-skills-video-tags[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.admin-skills-video-list[b-mngqi9y1wd] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.admin-skills-video-item[b-mngqi9y1wd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.admin-skills-video-url[b-mngqi9y1wd] {
    font-weight: 600;
    font-size: 0.9rem;
    word-break: break-all;
}

.admin-skills-attributes[b-mngqi9y1wd] {
    display: grid;
    gap: 0.85rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.admin-skills-attribute-label[b-mngqi9y1wd] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
    font-weight: 600;
}

.admin-skills-attribute-options[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.admin-skills-form-actions[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.admin-skills-import-row[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.admin-skills-import-message[b-mngqi9y1wd] {
    margin-top: 0.75rem;
    font-size: 0.9rem;
}

.admin-skills-pending-list[b-mngqi9y1wd] {
    display: grid;
    gap: 0.75rem;
}

.admin-skills-pending-row[b-mngqi9y1wd] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.admin-skills-pending-row:last-child[b-mngqi9y1wd] {
    border-bottom: none;
    padding-bottom: 0;
}

.admin-skills-pending-body[b-mngqi9y1wd] {
    min-width: 0;
}

.admin-skills-pending-name[b-mngqi9y1wd] {
    font-weight: 700;
    color: var(--text);
}

.admin-skills-pending-meta[b-mngqi9y1wd] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    margin-top: 0.2rem;
}

.admin-skills-pending-detail[b-mngqi9y1wd] {
    margin-top: 0.35rem;
    color: var(--text);
    font-size: 0.88rem;
    line-height: 1.4;
}

.admin-skills-pending-actions[b-mngqi9y1wd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.admin-skills-submission-edit[b-mngqi9y1wd] {
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(96, 165, 250, 0.3);
    background: rgba(96, 165, 250, 0.06);
}

.admin-skills-submission-edit-title[b-mngqi9y1wd] {
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

@media (max-width: 768px) {
    .admin-skills-search-row[b-mngqi9y1wd] {
        grid-template-columns: 1fr;
    }

    .admin-skills-row[b-mngqi9y1wd],
    .admin-skills-pending-row[b-mngqi9y1wd] {
        grid-template-columns: 1fr;
    }

    .admin-skills-row-actions[b-mngqi9y1wd],
    .admin-skills-pending-actions[b-mngqi9y1wd] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .admin-skills-pagination[b-mngqi9y1wd] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/AdminUsers.razor.rz.scp.css */
.admin-users-page[b-6wgp0byoir] {
    max-width: 960px;
}

.admin-users-header[b-6wgp0byoir] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.admin-users-title[b-6wgp0byoir] {
    margin-bottom: 0.35rem;
}

.admin-users-subtitle[b-6wgp0byoir] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.admin-users-status[b-6wgp0byoir] {
    margin-bottom: 1rem;
}

.admin-users-loading[b-6wgp0byoir] {
    color: var(--muted);
    padding: 2rem 0;
}

.admin-users-confirm-banner[b-6wgp0byoir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.admin-users-confirm-actions[b-6wgp0byoir] {
    display: flex;
    gap: 0.5rem;
}

.admin-users-tabs[b-6wgp0byoir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-users-tab[b-6wgp0byoir] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.admin-users-tab.active[b-6wgp0byoir] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.admin-users-tab-count[b-6wgp0byoir] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.admin-users-card[b-6wgp0byoir] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.admin-users-search-card[b-6wgp0byoir] {
    margin-bottom: 0.85rem;
}

.admin-users-card-header[b-6wgp0byoir] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-users-section-title[b-6wgp0byoir] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.admin-users-section-intro[b-6wgp0byoir],
.admin-users-empty[b-6wgp0byoir],
.admin-users-empty-inline[b-6wgp0byoir] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.admin-users-section-intro[b-6wgp0byoir] {
    margin-bottom: 1rem;
}

.admin-users-empty-state[b-6wgp0byoir] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.admin-users-empty-title[b-6wgp0byoir] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.admin-users-user-list[b-6wgp0byoir] {
    display: grid;
    gap: 1rem;
}

.admin-users-user-card[b-6wgp0byoir] {
    padding: 1.1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.admin-users-user-header[b-6wgp0byoir] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: start;
    margin-bottom: 1rem;
}

.admin-users-user-identity[b-6wgp0byoir] {
    min-width: 0;
}

.admin-users-user-name[b-6wgp0byoir] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.15rem;
}

.admin-users-user-name:hover[b-6wgp0byoir] {
    color: #93c5fd;
}

.admin-users-user-meta[b-6wgp0byoir] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.admin-users-user-badges[b-6wgp0byoir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.admin-users-user-actions-top[b-6wgp0byoir] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.admin-users-fields-grid[b-6wgp0byoir] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.admin-users-field-label[b-6wgp0byoir] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.3rem;
}

.admin-users-groups-label[b-6wgp0byoir] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.admin-users-groups-grid[b-6wgp0byoir] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.admin-users-group-pill[b-6wgp0byoir] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
}

.admin-users-group-pill:hover[b-6wgp0byoir] {
    border-color: rgba(96, 165, 250, 0.35);
}

.admin-users-group-pill.active[b-6wgp0byoir] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.admin-users-group-pill input[b-6wgp0byoir] {
    margin: 0;
    flex-shrink: 0;
}

.admin-users-group-pill span[b-6wgp0byoir] {
    min-width: 0;
}

.admin-users-user-footer[b-6wgp0byoir] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.admin-users-create-form[b-6wgp0byoir] {
    display: grid;
    gap: 0.75rem;
}

.admin-users-action-list[b-6wgp0byoir] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.admin-users-action-item[b-6wgp0byoir] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.9rem;
}

.admin-users-action-item:last-child[b-6wgp0byoir] {
    border-bottom: none;
    padding-bottom: 0;
}

.admin-users-action-time[b-6wgp0byoir] {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.admin-users-action-user[b-6wgp0byoir] {
    font-weight: 600;
    color: var(--text);
}

.admin-users-action-code[b-6wgp0byoir] {
    margin: 0;
    padding: 0.2rem 0.45rem;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #dbeafe;
    font-size: 0.82rem;
    word-break: break-word;
}

@media (max-width: 640px) {
    .admin-users-user-header[b-6wgp0byoir],
    .admin-users-action-item[b-6wgp0byoir] {
        grid-template-columns: 1fr;
    }

    .admin-users-user-actions-top[b-6wgp0byoir],
    .admin-users-user-footer[b-6wgp0byoir] {
        align-items: flex-start;
        flex-direction: row;
    }

    .admin-users-fields-grid[b-6wgp0byoir] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AutoScheduleViolationsCard.razor.rz.scp.css */
.asv-card[b-9absjs1ao2] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1.5rem;
}

.asv-header[b-9absjs1ao2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.asv-section-title[b-9absjs1ao2] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.asv-section-intro[b-9absjs1ao2] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
    max-width: 42rem;
}

.asv-count-badge[b-9absjs1ao2] {
    flex-shrink: 0;
    min-width: 2rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.14);
    border: 1px solid rgba(239, 68, 68, 0.35);
    color: #fca5a5;
    font-size: 0.82rem;
    font-weight: 700;
    text-align: center;
}

.asv-table-wrap[b-9absjs1ao2] {
    overflow-x: auto;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.asv-table[b-9absjs1ao2] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.asv-table thead th[b-9absjs1ao2] {
    padding: 0.7rem 0.9rem;
    text-align: left;
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--muted);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    white-space: nowrap;
}

.asv-table tbody td[b-9absjs1ao2] {
    padding: 0.8rem 0.9rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.asv-table tbody tr:last-child td[b-9absjs1ao2] {
    border-bottom: none;
}

.asv-table tbody tr:nth-child(even)[b-9absjs1ao2] {
    background: rgba(255, 255, 255, 0.02);
}

.asv-rule-cell[b-9absjs1ao2] {
    min-width: 8rem;
    font-weight: 600;
}

.asv-rule-link[b-9absjs1ao2] {
    display: inline;
    padding: 0;
    border: none;
    background: none;
    color: #93c5fd;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
}

.asv-rule-link:hover:not(:disabled)[b-9absjs1ao2] {
    color: #dbeafe;
    text-decoration: underline;
}

.asv-rule-link:disabled[b-9absjs1ao2] {
    color: var(--muted);
    cursor: not-allowed;
}

.asv-rule-name[b-9absjs1ao2] {
    color: var(--text);
}

.asv-message-cell[b-9absjs1ao2] {
    color: var(--text);
    line-height: 1.45;
    min-width: 12rem;
}

.asv-penalty-col[b-9absjs1ao2],
.asv-penalty-cell[b-9absjs1ao2] {
    text-align: right;
    white-space: nowrap;
}

.asv-penalty-cell[b-9absjs1ao2] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #fca5a5;
}

@media (max-width: 640px) {
    .asv-header[b-9absjs1ao2] {
        flex-direction: column;
        gap: 0.65rem;
    }

    .asv-count-badge[b-9absjs1ao2] {
        align-self: flex-start;
    }

    .asv-table thead[b-9absjs1ao2] {
        display: none;
    }

    .asv-table tbody tr[b-9absjs1ao2] {
        display: grid;
        gap: 0.35rem;
        padding: 0.85rem 0.9rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    .asv-table tbody tr:last-child[b-9absjs1ao2] {
        border-bottom: none;
    }

    .asv-table tbody td[b-9absjs1ao2] {
        display: block;
        padding: 0;
        border-bottom: none;
    }

    .asv-table tbody tr:nth-child(even)[b-9absjs1ao2] {
        background: transparent;
    }

    .asv-penalty-cell[b-9absjs1ao2]::before {
        content: "Penalty: ";
        color: var(--muted);
        font-weight: 500;
    }

    .asv-message-cell[b-9absjs1ao2]::before {
        content: "Message: ";
        display: block;
        color: var(--muted);
        font-size: 0.78rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 0.2rem;
    }
}
/* /Pages/BulkUpload.razor.rz.scp.css */
.bulk-upload-page[b-q9uvfgnz6j] {
    max-width: 960px;
}

.bulk-upload-header[b-q9uvfgnz6j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.bulk-upload-title[b-q9uvfgnz6j] {
    margin-bottom: 0.35rem;
}

.bulk-upload-subtitle[b-q9uvfgnz6j] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.bulk-upload-status[b-q9uvfgnz6j] {
    margin-bottom: 1rem;
}

.bulk-upload-loading[b-q9uvfgnz6j],
.bulk-upload-empty[b-q9uvfgnz6j] {
    color: var(--muted);
    padding: 1rem 0;
}

.bulk-upload-card[b-q9uvfgnz6j] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.bulk-upload-history-card[b-q9uvfgnz6j] {
    margin-bottom: 0;
}

.bulk-upload-section-title[b-q9uvfgnz6j] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.bulk-upload-section-intro[b-q9uvfgnz6j],
.bulk-upload-helper[b-q9uvfgnz6j],
.bulk-upload-file-hint[b-q9uvfgnz6j] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.bulk-upload-section-intro[b-q9uvfgnz6j] {
    margin-bottom: 1rem;
}

.bulk-upload-helper[b-q9uvfgnz6j] {
    margin-top: 0.85rem;
    font-size: 0.88rem;
}

.bulk-upload-resume-banner[b-q9uvfgnz6j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: 16px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.03);
}

.bulk-upload-resume-copy[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.bulk-upload-resume-copy span[b-q9uvfgnz6j] {
    color: var(--muted);
    font-size: 0.9rem;
}

.bulk-upload-resume-hint[b-q9uvfgnz6j] {
    font-size: 0.85rem !important;
}

.bulk-upload-resume-actions[b-q9uvfgnz6j] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.bulk-upload-file-row[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 1rem;
}

.bulk-upload-picker-row[b-q9uvfgnz6j] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    align-items: center;
}

.bulk-upload-hidden-input-wrapper[b-q9uvfgnz6j] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.bulk-upload-hidden-input-wrapper[b-q9uvfgnz6j]  input[type="file"] {
    display: none;
}

.bulk-upload-choose-group[b-q9uvfgnz6j] {
    position: relative;
}

.bulk-upload-picker-dropdown[b-q9uvfgnz6j] {
    position: relative;
}

.bulk-upload-picker-caret[b-q9uvfgnz6j] {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

.bulk-upload-picker-menu[b-q9uvfgnz6j] {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 1000;
    min-width: 16rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.35rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0f1428;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.bulk-upload-picker-option[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    width: 100%;
    padding: 0.55rem 0.65rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    text-align: left;
    color: inherit;
}

.bulk-upload-picker-option:hover[b-q9uvfgnz6j] {
    background: rgba(96, 165, 250, 0.12);
}

.bulk-upload-picker-option.selected[b-q9uvfgnz6j] {
    border-color: var(--accent, #6ea8fe);
    background: rgba(96, 165, 250, 0.18);
}

.bulk-upload-picker-option-title[b-q9uvfgnz6j] {
    font-weight: 600;
    font-size: 0.88rem;
}

.bulk-upload-picker-option-desc[b-q9uvfgnz6j] {
    color: var(--muted);
    font-size: 0.8rem;
    line-height: 1.35;
}

.bulk-upload-picker-mode[b-q9uvfgnz6j] {
    color: var(--muted);
    font-size: 0.85rem;
}

.bulk-upload-selection[b-q9uvfgnz6j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    align-items: baseline;
}

.bulk-upload-folder-name[b-q9uvfgnz6j] {
    font-weight: 600;
}

.bulk-upload-file-stats[b-q9uvfgnz6j],
.bulk-upload-item-meta[b-q9uvfgnz6j],
.bulk-upload-item-date[b-q9uvfgnz6j] {
    color: var(--muted);
    font-size: 0.88rem;
}

.bulk-upload-action-row[b-q9uvfgnz6j] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.bulk-upload-list[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.bulk-upload-item[b-q9uvfgnz6j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--border);
    background: rgba(255, 255, 255, 0.02);
}

.bulk-upload-item-main[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.bulk-upload-item-name[b-q9uvfgnz6j] {
    font-weight: 600;
}

.bulk-upload-item-side[b-q9uvfgnz6j] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.bulk-upload-item-badge[b-q9uvfgnz6j] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--accent, #6ea8fe);
}
/* /Pages/Classes.razor.rz.scp.css */
.classes-page[b-1bis4hcajm] {
    max-width: 1040px;
}

.classes-header[b-1bis4hcajm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.classes-title[b-1bis4hcajm] {
    margin-bottom: 0.35rem;
}

.classes-subtitle[b-1bis4hcajm] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.classes-status[b-1bis4hcajm] {
    margin-bottom: 1rem;
}

.classes-loading[b-1bis4hcajm] {
    color: var(--muted);
    padding: 2rem 0;
}

.classes-card[b-1bis4hcajm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.classes-toolbar-card[b-1bis4hcajm] {
    margin-bottom: 1.25rem;
}

.classes-section-title[b-1bis4hcajm] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.classes-section-intro[b-1bis4hcajm],
.classes-empty[b-1bis4hcajm],
.classes-empty-inline[b-1bis4hcajm] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.classes-section-intro[b-1bis4hcajm] {
    margin-bottom: 1rem;
}

.classes-field-label[b-1bis4hcajm] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.classes-edit-banner[b-1bis4hcajm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.classes-confirm-banner[b-1bis4hcajm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.classes-confirm-actions[b-1bis4hcajm] {
    display: flex;
    gap: 0.5rem;
}

.classes-form-grid[b-1bis4hcajm] {
    display: grid;
    gap: 1rem;
}

.classes-form-panel[b-1bis4hcajm] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.classes-form-panel-label[b-1bis4hcajm] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.5rem;
}

.classes-picker-columns[b-1bis4hcajm] {
    display: grid;
    gap: 1rem;
}

.classes-picker-selected[b-1bis4hcajm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.classes-picker-chip[b-1bis4hcajm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.classes-picker-chip-body[b-1bis4hcajm] {
    min-width: 0;
}

.classes-picker-chip-name[b-1bis4hcajm] {
    font-weight: 600;
    margin-bottom: 0.1rem;
}

.classes-picker-chip-meta[b-1bis4hcajm] {
    color: var(--muted);
    font-size: 0.82rem;
}

.classes-option-group[b-1bis4hcajm] {
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.classes-option-group-label[b-1bis4hcajm] {
    color: var(--muted);
    font-size: 0.82rem;
    margin-bottom: 0.5rem;
}

.classes-form-actions[b-1bis4hcajm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.classes-card-header[b-1bis4hcajm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.classes-count[b-1bis4hcajm] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.classes-filters[b-1bis4hcajm] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.classes-table-wrap[b-1bis4hcajm] {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.classes-table-wrap .table[b-1bis4hcajm] {
    margin-bottom: 0;
}

.classes-table-wrap .table > :not(caption) > * > *[b-1bis4hcajm] {
    border-color: rgba(255, 255, 255, 0.06);
}

.classes-table-wrap .table tbody tr.disabled-row[b-1bis4hcajm] {
    opacity: 0.72;
}

.classes-empty-state[b-1bis4hcajm] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.classes-empty-title[b-1bis4hcajm] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.classes-import-card[b-1bis4hcajm] {
    margin-top: 0.25rem;
}

.classes-import-summary[b-1bis4hcajm] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.classes-import-body[b-1bis4hcajm] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.classes-import-message[b-1bis4hcajm] {
    font-size: 0.9rem;
    margin: 0;
}

.classes-import-message.success[b-1bis4hcajm] {
    color: #86efac;
}

.classes-import-message.error[b-1bis4hcajm] {
    color: #fca5a5;
}

@media (min-width: 768px) {
    .classes-picker-columns[b-1bis4hcajm] {
        grid-template-columns: 1fr 1fr;
    }

    .classes-filters[b-1bis4hcajm] {
        grid-template-columns: 1.4fr 1fr 1fr;
    }
}
/* /Pages/Communities.razor.rz.scp.css */
.communities-page[b-m5d8ulnxqa] {
    max-width: 960px;
}

.communities-header[b-m5d8ulnxqa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.communities-title[b-m5d8ulnxqa] {
    margin-bottom: 0.35rem;
}

.communities-subtitle[b-m5d8ulnxqa] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.communities-status[b-m5d8ulnxqa] {
    margin-bottom: 1rem;
}

.communities-loading[b-m5d8ulnxqa] {
    color: var(--muted);
    padding: 2rem 0;
}

.communities-pending-banner[b-m5d8ulnxqa] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.communities-tabs[b-m5d8ulnxqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.communities-tab[b-m5d8ulnxqa] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.communities-tab.active[b-m5d8ulnxqa] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.communities-tab-badge[b-m5d8ulnxqa] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.communities-tab-count[b-m5d8ulnxqa] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.communities-card[b-m5d8ulnxqa] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.communities-search-card[b-m5d8ulnxqa] {
    margin-bottom: 0.85rem;
}

.communities-section-title[b-m5d8ulnxqa] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.communities-section-intro[b-m5d8ulnxqa],
.communities-empty[b-m5d8ulnxqa] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.communities-section-intro[b-m5d8ulnxqa] {
    margin-bottom: 1rem;
}

.communities-empty-state[b-m5d8ulnxqa] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.communities-empty-title[b-m5d8ulnxqa] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.community-avatar[b-m5d8ulnxqa] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.community-avatar-md[b-m5d8ulnxqa] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.community-avatar-lg[b-m5d8ulnxqa] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.communities-grid[b-m5d8ulnxqa] {
    display: grid;
    gap: 0.85rem;
}

.communities-grid-card[b-m5d8ulnxqa] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.communities-grid-card:last-child[b-m5d8ulnxqa] {
    border-bottom: none;
    padding-bottom: 0;
}

.communities-grid-body[b-m5d8ulnxqa] {
    min-width: 0;
}

.communities-grid-name[b-m5d8ulnxqa] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.communities-grid-name:hover[b-m5d8ulnxqa] {
    color: #93c5fd;
}

.communities-grid-meta[b-m5d8ulnxqa] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.communities-grid-description[b-m5d8ulnxqa] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.communities-grid-badges[b-m5d8ulnxqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.communities-grid-actions[b-m5d8ulnxqa] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.communities-request-list[b-m5d8ulnxqa],
.communities-managed-list[b-m5d8ulnxqa] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.communities-request-list[b-m5d8ulnxqa] {
    display: grid;
    gap: 0.75rem;
}

.communities-request-item[b-m5d8ulnxqa] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.communities-request-item:last-child[b-m5d8ulnxqa] {
    border-bottom: none;
    padding-bottom: 0;
}

.communities-request-body[b-m5d8ulnxqa] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.communities-request-community[b-m5d8ulnxqa] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.communities-request-community:hover[b-m5d8ulnxqa] {
    color: #93c5fd;
}

.communities-request-user[b-m5d8ulnxqa] {
    color: var(--text);
    font-size: 0.92rem;
}

.communities-request-meta[b-m5d8ulnxqa] {
    color: var(--muted);
    font-size: 0.82rem;
}

.communities-request-actions[b-m5d8ulnxqa] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.communities-managed-list[b-m5d8ulnxqa] {
    display: grid;
    gap: 0.5rem;
}

.communities-managed-list li[b-m5d8ulnxqa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .communities-grid-card[b-m5d8ulnxqa],
    .communities-request-item[b-m5d8ulnxqa] {
        grid-template-columns: 1fr;
    }

    .communities-grid-actions[b-m5d8ulnxqa],
    .communities-request-actions[b-m5d8ulnxqa] {
        align-items: flex-start;
        flex-direction: row;
    }
}
/* /Pages/CommunityCompetitions.razor.rz.scp.css */
.cc-page[b-f3etvifsyv] {
    max-width: 960px;
}

.cc-header[b-f3etvifsyv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.cc-title[b-f3etvifsyv] {
    margin-bottom: 0.35rem;
}

.cc-subtitle[b-f3etvifsyv] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.cc-status[b-f3etvifsyv] {
    margin-bottom: 1rem;
}

.cc-card[b-f3etvifsyv] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.cc-propose-card[b-f3etvifsyv] {
    margin-bottom: 1.25rem;
}

.cc-section-title[b-f3etvifsyv] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.cc-section-intro[b-f3etvifsyv],
.cc-empty[b-f3etvifsyv] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.cc-section-intro[b-f3etvifsyv] {
    margin-bottom: 1rem;
}

.cc-count[b-f3etvifsyv] {
    margin: 0 0 0.85rem;
    color: var(--muted);
    font-size: 0.88rem;
}

.cc-empty-state[b-f3etvifsyv] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.cc-empty-title[b-f3etvifsyv] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.cc-list[b-f3etvifsyv] {
    display: grid;
    gap: 1rem;
}

.cc-competition-card[b-f3etvifsyv] {
    margin-bottom: 0;
}

.cc-competition-header[b-f3etvifsyv] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    margin-bottom: 0.75rem;
}

.cc-competition-avatar[b-f3etvifsyv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.cc-competition-body[b-f3etvifsyv] {
    min-width: 0;
}

.cc-competition-name[b-f3etvifsyv] {
    margin: 0 0 0.2rem;
    font-size: 1.05rem;
    font-weight: 700;
}

.cc-competition-meta[b-f3etvifsyv] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.cc-competition-status[b-f3etvifsyv] {
    white-space: nowrap;
}

.cc-competition-description[b-f3etvifsyv] {
    margin: 0 0 0.85rem;
    color: var(--text);
    font-size: 0.92rem;
    line-height: 1.45;
}

.cc-competition-actions[b-f3etvifsyv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .cc-competition-header[b-f3etvifsyv] {
        grid-template-columns: 1fr;
    }

    .cc-competition-status[b-f3etvifsyv] {
        justify-self: start;
    }
}
/* /Pages/CommunityDetails.razor.rz.scp.css */
.community-details-page[b-x6e6dxkbgt] {
    max-width: 960px;
}

.community-details-loading[b-x6e6dxkbgt] {
    color: var(--muted);
    padding: 2rem 0;
}

.community-details-status[b-x6e6dxkbgt] {
    margin-bottom: 1rem;
}

.community-details-header[b-x6e6dxkbgt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.community-details-heading[b-x6e6dxkbgt] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.community-details-title[b-x6e6dxkbgt] {
    margin: 0 0 0.25rem;
}

.community-details-meta[b-x6e6dxkbgt] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.community-details-header-actions[b-x6e6dxkbgt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.community-avatar[b-x6e6dxkbgt] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.community-avatar-xl[b-x6e6dxkbgt] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.community-picture-intro[b-x6e6dxkbgt],
.community-picture-hint[b-x6e6dxkbgt],
.community-selected-file[b-x6e6dxkbgt] {
    color: var(--muted);
    font-size: 0.9rem;
    margin: 0;
}

.community-picture-intro[b-x6e6dxkbgt] {
    margin-bottom: 1rem;
}

.community-picture-row[b-x6e6dxkbgt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.community-picture-actions[b-x6e6dxkbgt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.community-upload-label[b-x6e6dxkbgt] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.community-file-input[b-x6e6dxkbgt] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.community-selected-file[b-x6e6dxkbgt] {
    margin-top: 0.75rem;
}

.community-picture-hint[b-x6e6dxkbgt] {
    margin-top: 0.75rem;
}

.community-details-card[b-x6e6dxkbgt] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.community-details-section-title[b-x6e6dxkbgt] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.community-details-description[b-x6e6dxkbgt] {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
    white-space: pre-wrap;
}

.community-details-card-header[b-x6e6dxkbgt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.community-details-count[b-x6e6dxkbgt] {
    color: var(--muted);
    font-size: 0.85rem;
}

.community-details-empty[b-x6e6dxkbgt] {
    margin: 0;
    color: var(--muted);
}

.community-members-list[b-x6e6dxkbgt] {
    display: grid;
    gap: 0.75rem;
}

.community-member-card[b-x6e6dxkbgt] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.community-member-card:last-child[b-x6e6dxkbgt] {
    border-bottom: none;
    padding-bottom: 0;
}

.community-member-body[b-x6e6dxkbgt] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.community-member-name[b-x6e6dxkbgt] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.community-member-name:hover[b-x6e6dxkbgt] {
    color: #93c5fd;
}

.community-member-meta[b-x6e6dxkbgt] {
    color: var(--muted);
    font-size: 0.85rem;
}

.community-member-admin[b-x6e6dxkbgt] {
    align-self: flex-start;
    margin-top: 0.15rem;
}

@media (max-width: 640px) {
    .community-details-header[b-x6e6dxkbgt] {
        flex-direction: column;
    }

    .community-member-card[b-x6e6dxkbgt] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/CompetitionDetails.razor.rz.scp.css */
.comp-loading[b-cluq7fpdwy] {
    color: var(--muted);
    padding: 2rem 0;
}

.comp-badge[b-cluq7fpdwy] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.comp-badge-open[b-cluq7fpdwy] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.comp-badge-closed[b-cluq7fpdwy] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.comp-badge-results[b-cluq7fpdwy] {
    background: rgba(96, 165, 250, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.3);
    color: #dbeafe;
}

.comp-detail-page[b-cluq7fpdwy] {
    max-width: 900px;
}

.comp-detail-header[b-cluq7fpdwy] {
    margin-bottom: 1rem;
}

.comp-detail-hero[b-cluq7fpdwy] {
    width: 100%;
    max-height: 280px;
    object-fit: cover;
    border-radius: 16px;
    margin-bottom: 1rem;
}

.comp-detail-card[b-cluq7fpdwy] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}

.comp-detail-meta[b-cluq7fpdwy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.comp-entry-form textarea[b-cluq7fpdwy] {
    min-height: 120px;
}

.comp-results-grid[b-cluq7fpdwy] {
    display: grid;
    gap: 1rem;
}

.comp-result-card[b-cluq7fpdwy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.comp-place-badge[b-cluq7fpdwy] {
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
}

.comp-place-1[b-cluq7fpdwy] { background: rgba(251, 191, 36, 0.2); color: #fde68a; }
.comp-place-2[b-cluq7fpdwy] { background: rgba(148, 163, 184, 0.2); color: #e2e8f0; }
.comp-place-3[b-cluq7fpdwy] { background: rgba(180, 83, 9, 0.2); color: #fdba74; }

.comp-entry-image[b-cluq7fpdwy] {
    width: 100%;
    max-width: 320px;
    border-radius: 12px;
    margin-top: 0.75rem;
}

.comp-admin-entry-list[b-cluq7fpdwy] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.comp-admin-entry[b-cluq7fpdwy] {
    padding: 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.comp-admin-entry-name[b-cluq7fpdwy] {
    font-weight: 600;
}

.comp-admin-entry-description[b-cluq7fpdwy] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-top: 0.25rem;
}
/* /Pages/Competitions.razor.rz.scp.css */
.comp-page[b-7cydflhjql] {
    max-width: 960px;
}

.comp-header[b-7cydflhjql] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.comp-title[b-7cydflhjql] {
    margin-bottom: 0.35rem;
}

.comp-subtitle[b-7cydflhjql] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.comp-status[b-7cydflhjql] {
    margin-bottom: 1rem;
}

.comp-loading[b-7cydflhjql] {
    color: var(--muted);
    padding: 2rem 0;
}

.comp-card[b-7cydflhjql] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.comp-section-title[b-7cydflhjql] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.comp-filters[b-7cydflhjql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.comp-filter-tab[b-7cydflhjql] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
}

.comp-filter-tab.active[b-7cydflhjql] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.comp-list[b-7cydflhjql] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

.comp-list-item[b-7cydflhjql] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    text-decoration: none;
    color: inherit;
}

.comp-list-item:hover[b-7cydflhjql] {
    border-color: rgba(96, 165, 250, 0.35);
    background: rgba(96, 165, 250, 0.08);
}

.comp-thumb[b-7cydflhjql] {
    width: 120px;
    height: 80px;
    border-radius: 10px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.04);
}

.comp-thumb-placeholder[b-7cydflhjql] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--muted);
    font-size: 0.8rem;
}

.comp-item-body[b-7cydflhjql] {
    min-width: 0;
}

.comp-item-title[b-7cydflhjql] {
    font-weight: 700;
    margin-bottom: 0.25rem;
}

.comp-item-description[b-7cydflhjql] {
    color: var(--muted);
    font-size: 0.9rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.35rem;
}

.comp-item-meta[b-7cydflhjql] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    color: var(--muted);
    font-size: 0.82rem;
}

.comp-badge[b-7cydflhjql] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.comp-badge-open[b-7cydflhjql] {
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #bbf7d0;
}

.comp-badge-closed[b-7cydflhjql] {
    background: rgba(251, 191, 36, 0.14);
    border: 1px solid rgba(251, 191, 36, 0.3);
    color: #fde68a;
}

.comp-badge-results[b-7cydflhjql] {
    background: rgba(96, 165, 250, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.3);
    color: #dbeafe;
}

.comp-admin-form .form-label[b-7cydflhjql] {
    color: var(--muted);
    font-size: 0.85rem;
}

.comp-skill-results[b-7cydflhjql] {
    list-style: none;
    margin: 0.5rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.35rem;
    max-height: 160px;
    overflow-y: auto;
}

.comp-skill-result[b-7cydflhjql] {
    width: 100%;
    text-align: left;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
}

.comp-skill-result.selected[b-7cydflhjql] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.12);
}

.comp-empty[b-7cydflhjql] {
    color: var(--muted);
    margin: 0;
}

@media (max-width: 720px) {
    .comp-list-item[b-7cydflhjql] {
        grid-template-columns: 1fr;
    }

    .comp-thumb[b-7cydflhjql] {
        width: 100%;
        height: 140px;
    }
}
/* /Pages/Data.razor.rz.scp.css */
.data-page[b-o3cdqq67r5] {
    max-width: 960px;
}

.data-header[b-o3cdqq67r5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.data-title[b-o3cdqq67r5] {
    margin-bottom: 0.35rem;
}

.data-subtitle[b-o3cdqq67r5] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.data-status[b-o3cdqq67r5] {
    margin-bottom: 1rem;
}

.data-loading[b-o3cdqq67r5] {
    color: var(--muted);
    padding: 2rem 0;
}

.data-card[b-o3cdqq67r5] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.data-import-card[b-o3cdqq67r5] {
    margin-bottom: 0;
}

.data-section-title[b-o3cdqq67r5] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.data-section-intro[b-o3cdqq67r5],
.data-helper[b-o3cdqq67r5],
.data-file-hint[b-o3cdqq67r5] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.data-section-intro[b-o3cdqq67r5] {
    margin-bottom: 1rem;
}

.data-helper[b-o3cdqq67r5] {
    margin-top: 0.85rem;
    font-size: 0.88rem;
}

.data-warning-banner[b-o3cdqq67r5] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fecaca;
    font-size: 0.92rem;
}

.data-action-row[b-o3cdqq67r5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.data-file-row[b-o3cdqq67r5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.data-file-name[b-o3cdqq67r5] {
    color: var(--text);
    font-size: 0.9rem;
}

.data-file-hint[b-o3cdqq67r5] {
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    .data-file-row[b-o3cdqq67r5] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/EventConfig.razor.rz.scp.css */
.ec-page[b-t1bqmarlit] {
    max-width: 1040px;
}

.ec-header[b-t1bqmarlit] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ec-title[b-t1bqmarlit] {
    margin-bottom: 0.35rem;
}

.ec-subtitle[b-t1bqmarlit] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.ec-status[b-t1bqmarlit] {
    margin-bottom: 1rem;
}

.ec-loading[b-t1bqmarlit] {
    color: var(--muted);
    padding: 2rem 0;
}

.ec-toolbar-card[b-t1bqmarlit] {
    margin-bottom: 1.25rem;
}

.ec-event-label[b-t1bqmarlit] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.ec-card[b-t1bqmarlit] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.ec-form-card[b-t1bqmarlit] {
    margin-bottom: 1.25rem;
}

.ec-import-card[b-t1bqmarlit] {
    margin-top: 0.25rem;
}

.ec-section-title[b-t1bqmarlit] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.ec-section-intro[b-t1bqmarlit],
.ec-empty[b-t1bqmarlit],
.ec-empty-inline[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.ec-section-intro[b-t1bqmarlit] {
    margin-bottom: 1rem;
}

.ec-empty-inline[b-t1bqmarlit] {
    margin-top: 0.75rem;
}

.ec-card-header[b-t1bqmarlit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ec-count[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.ec-confirm-banner[b-t1bqmarlit] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.ec-confirm-actions[b-t1bqmarlit] {
    display: flex;
    gap: 0.5rem;
}

.ec-tabs[b-t1bqmarlit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.ec-tab[b-t1bqmarlit] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.ec-tab.active[b-t1bqmarlit] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.ec-tab-count[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.ec-form-grid[b-t1bqmarlit] {
    display: grid;
    gap: 0.85rem;
}

.ec-form-dates[b-t1bqmarlit] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.ec-form-actions[b-t1bqmarlit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.ec-search-row[b-t1bqmarlit] {
    margin-bottom: 1rem;
}

.ec-filter-row[b-t1bqmarlit] {
    margin-bottom: 1rem;
}

.ec-list[b-t1bqmarlit] {
    display: grid;
    gap: 0.85rem;
}

.ec-list-item[b-t1bqmarlit] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ec-list-item:last-child[b-t1bqmarlit] {
    border-bottom: none;
    padding-bottom: 0;
}

.ec-list-body[b-t1bqmarlit] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.ec-list-name[b-t1bqmarlit] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.ec-list-meta[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.85rem;
}

.ec-list-actions[b-t1bqmarlit] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.ec-slot-list[b-t1bqmarlit] {
    display: grid;
    gap: 0.85rem;
}

.ec-slot-card[b-t1bqmarlit] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.ec-slot-header[b-t1bqmarlit] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.ec-slot-name[b-t1bqmarlit] {
    font-weight: 700;
    margin: 0;
}

.ec-slot-meta[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-bottom: 0.65rem;
}

.ec-slot-rooms[b-t1bqmarlit] {
    display: grid;
    gap: 0.45rem;
}

.ec-slot-room[b-t1bqmarlit] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.88rem;
    padding: 0.45rem 0.65rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.ec-slot-room-name[b-t1bqmarlit] {
    font-weight: 600;
}

.ec-slot-room-class[b-t1bqmarlit] {
    color: var(--muted);
    font-size: 0.82rem;
}

.ec-slot-actions[b-t1bqmarlit] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
    margin-top: 0.75rem;
}

.ec-empty-state[b-t1bqmarlit] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.ec-empty-title[b-t1bqmarlit] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.ec-import-summary[b-t1bqmarlit] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.ec-import-body[b-t1bqmarlit] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.ec-import-message[b-t1bqmarlit] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.ec-import-message.success[b-t1bqmarlit] {
    color: #86efac;
}

.ec-import-message.error[b-t1bqmarlit] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .ec-form-dates[b-t1bqmarlit],
    .ec-list-item[b-t1bqmarlit],
    .ec-slot-header[b-t1bqmarlit] {
        grid-template-columns: 1fr;
    }

    .ec-list-actions[b-t1bqmarlit],
    .ec-slot-actions[b-t1bqmarlit] {
        justify-content: flex-start;
    }
}
/* /Pages/EventInstructors.razor.rz.scp.css */
.ei-page[b-hcohxj1gg8] {
    max-width: 1040px;
}

.ei-header[b-hcohxj1gg8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.ei-title[b-hcohxj1gg8] {
    margin-bottom: 0.35rem;
}

.ei-subtitle[b-hcohxj1gg8] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.ei-status[b-hcohxj1gg8] {
    margin-bottom: 1rem;
}

.ei-loading[b-hcohxj1gg8] {
    color: var(--muted);
    padding: 2rem 0;
}

.ei-toolbar-card[b-hcohxj1gg8] {
    margin-bottom: 1.25rem;
}

.ei-event-label[b-hcohxj1gg8] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.ei-card[b-hcohxj1gg8] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.ei-section-title[b-hcohxj1gg8] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.ei-section-intro[b-hcohxj1gg8],
.ei-empty[b-hcohxj1gg8],
.ei-empty-inline[b-hcohxj1gg8] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.ei-section-intro[b-hcohxj1gg8] {
    margin-bottom: 1rem;
}

.ei-empty-inline[b-hcohxj1gg8] {
    margin-top: 0.75rem;
}

.ei-card-header[b-hcohxj1gg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ei-search-row[b-hcohxj1gg8] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.75rem;
}

.ei-selection-actions[b-hcohxj1gg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.ei-pool-list[b-hcohxj1gg8],
.ei-roster-list[b-hcohxj1gg8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
    max-height: 320px;
    overflow-y: auto;
}

.ei-pool-item[b-hcohxj1gg8],
.ei-roster-item[b-hcohxj1gg8] {
    display: grid;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.ei-pool-item[b-hcohxj1gg8] {
    grid-template-columns: auto 1fr;
    cursor: pointer;
    text-align: left;
    width: 100%;
    color: var(--text);
}

.ei-pool-item:hover[b-hcohxj1gg8],
.ei-pool-item.selected[b-hcohxj1gg8] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.1);
}

.ei-pool-item:disabled[b-hcohxj1gg8] {
    cursor: not-allowed;
    opacity: 0.7;
}

.ei-roster-item[b-hcohxj1gg8] {
    grid-template-columns: 1fr auto;
}

.ei-item-body[b-hcohxj1gg8] {
    min-width: 0;
}

.ei-item-name[b-hcohxj1gg8] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.ei-item-friendly[b-hcohxj1gg8] {
    color: var(--muted);
    font-size: 0.88rem;
    margin-bottom: 0.1rem;
}

.ei-item-email[b-hcohxj1gg8] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.ei-item-links[b-hcohxj1gg8] {
    margin-top: 0.35rem;
}

.ei-profile-link[b-hcohxj1gg8] {
    font-size: 0.85rem;
    color: #93c5fd;
    text-decoration: none;
}

.ei-profile-link:hover[b-hcohxj1gg8] {
    text-decoration: underline;
}

.ei-roster-actions[b-hcohxj1gg8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.ei-organiser-toggle[b-hcohxj1gg8] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    white-space: nowrap;
}

.ei-organiser-badge[b-hcohxj1gg8] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.14);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.ei-filter-tabs[b-hcohxj1gg8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
}

.ei-filter-tab[b-hcohxj1gg8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
}

.ei-filter-tab.active[b-hcohxj1gg8] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.ei-filter-count[b-hcohxj1gg8] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.ei-confirm-banner[b-hcohxj1gg8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.ei-confirm-actions[b-hcohxj1gg8] {
    display: flex;
    gap: 0.5rem;
}

.ei-columns[b-hcohxj1gg8] {
    display: grid;
    gap: 1rem;
}

.ei-import-export summary[b-hcohxj1gg8] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.ei-import-hint[b-hcohxj1gg8] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.ei-import-feedback[b-hcohxj1gg8] {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

.ei-import-feedback.error[b-hcohxj1gg8],
.ei-export-feedback.error[b-hcohxj1gg8] {
    color: #fca5a5;
}

.ei-import-feedback.success[b-hcohxj1gg8],
.ei-export-feedback.success[b-hcohxj1gg8] {
    color: #86efac;
}

@media (min-width: 992px) {
    .ei-columns[b-hcohxj1gg8] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }
}

@media (max-width: 640px) {
    .ei-search-row[b-hcohxj1gg8] {
        grid-template-columns: 1fr;
    }

    .ei-roster-item[b-hcohxj1gg8] {
        grid-template-columns: 1fr;
    }

    .ei-roster-actions[b-hcohxj1gg8] {
        justify-content: flex-start;
    }
}
/* /Pages/Events.razor.rz.scp.css */
.events-page[b-duavudrwd5] {
    max-width: 960px;
}

.events-header[b-duavudrwd5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.events-title[b-duavudrwd5] {
    margin-bottom: 0.35rem;
}

.events-subtitle[b-duavudrwd5] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.events-status[b-duavudrwd5] {
    margin-bottom: 1rem;
}

.events-loading[b-duavudrwd5] {
    color: var(--muted);
    padding: 2rem 0;
}

.events-card[b-duavudrwd5] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.events-form-card[b-duavudrwd5] {
    margin-bottom: 1.25rem;
}

.events-import-card[b-duavudrwd5] {
    margin-top: 0.25rem;
}

.events-section-title[b-duavudrwd5] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.events-section-intro[b-duavudrwd5],
.events-empty[b-duavudrwd5],
.events-empty-inline[b-duavudrwd5] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.events-section-intro[b-duavudrwd5] {
    margin-bottom: 1rem;
}

.events-empty-inline[b-duavudrwd5] {
    margin-top: 0.75rem;
}

.events-card-header[b-duavudrwd5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.events-count[b-duavudrwd5] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.events-confirm-banner[b-duavudrwd5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.events-confirm-actions[b-duavudrwd5] {
    display: flex;
    gap: 0.5rem;
}

.events-form-grid[b-duavudrwd5] {
    display: grid;
    gap: 0.85rem;
}

.events-form-dates[b-duavudrwd5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

.events-form-label[b-duavudrwd5] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.events-location-list[b-duavudrwd5] {
    display: grid;
    gap: 0.5rem;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.events-location-item[b-duavudrwd5] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.92rem;
}

.events-url-list[b-duavudrwd5] {
    display: grid;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.events-url-row[b-duavudrwd5] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.55rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.events-url-body[b-duavudrwd5] {
    flex: 1;
    min-width: 0;
    font-size: 0.88rem;
}

.events-url-body strong[b-duavudrwd5] {
    display: block;
}

.events-url-value[b-duavudrwd5] {
    color: var(--muted);
    font-size: 0.82rem;
    word-break: break-all;
}

.events-url-add-row[b-duavudrwd5] {
    display: grid;
    grid-template-columns: 1fr 1.2fr auto auto;
    gap: 0.5rem;
    align-items: end;
}

.events-form-actions[b-duavudrwd5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.events-search-row[b-duavudrwd5] {
    margin-bottom: 1rem;
}

.events-list[b-duavudrwd5] {
    display: grid;
    gap: 0.85rem;
}

.events-list-item[b-duavudrwd5] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.events-list-item:last-child[b-duavudrwd5] {
    border-bottom: none;
    padding-bottom: 0;
}

.events-list-body[b-duavudrwd5] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.events-list-name[b-duavudrwd5] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.events-list-meta[b-duavudrwd5] {
    color: var(--muted);
    font-size: 0.85rem;
}

.events-list-description[b-duavudrwd5] {
    margin: 0.25rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.events-list-badges[b-duavudrwd5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.25rem;
}

.events-list-actions[b-duavudrwd5] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.events-empty-state[b-duavudrwd5] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.events-empty-title[b-duavudrwd5] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.events-import-summary[b-duavudrwd5] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.events-import-body[b-duavudrwd5] {
    display: grid;
    gap: 0.85rem;
    margin-top: 1rem;
}

.events-import-message[b-duavudrwd5] {
    margin: 0.5rem 0 0;
    font-size: 0.9rem;
}

.events-import-message.success[b-duavudrwd5] {
    color: #86efac;
}

.events-import-message.error[b-duavudrwd5] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .events-form-dates[b-duavudrwd5],
    .events-url-add-row[b-duavudrwd5] {
        grid-template-columns: 1fr;
    }

    .events-list-item[b-duavudrwd5] {
        grid-template-columns: 1fr;
    }

    .events-list-actions[b-duavudrwd5] {
        flex-direction: row;
        justify-content: flex-start;
    }
}
/* /Pages/EventSharePanel.razor.rz.scp.css */
.esp-card[b-g67zxpwgrl] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-top: 1rem;
}

.esp-section-title[b-g67zxpwgrl] {
    font-size: 1rem;
    margin-bottom: 0.35rem;
}

.esp-section-intro[b-g67zxpwgrl],
.esp-empty[b-g67zxpwgrl],
.esp-empty-inline[b-g67zxpwgrl] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.esp-section-intro[b-g67zxpwgrl] {
    margin-bottom: 1rem;
}

.esp-empty-state[b-g67zxpwgrl] {
    text-align: center;
    padding: 1rem 0.5rem 1.25rem;
    margin-bottom: 0.5rem;
}

.esp-empty-title[b-g67zxpwgrl] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.esp-collaborator-list[b-g67zxpwgrl] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    gap: 0;
}

.esp-collaborator-item[b-g67zxpwgrl] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.esp-collaborator-item:last-child[b-g67zxpwgrl] {
    border-bottom: none;
    padding-bottom: 0;
}

.esp-collaborator-name[b-g67zxpwgrl] {
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.esp-remove[b-g67zxpwgrl] {
    white-space: nowrap;
    padding: 0;
}

.esp-share-row[b-g67zxpwgrl] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.esp-empty-inline[b-g67zxpwgrl] {
    margin-top: 0.75rem;
}

.esp-feedback[b-g67zxpwgrl] {
    margin-top: 0.85rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    font-size: 0.9rem;
}

.esp-feedback.success[b-g67zxpwgrl] {
    background: rgba(34, 197, 94, 0.1);
    border: 1px solid rgba(34, 197, 94, 0.28);
    color: #86efac;
}

.esp-feedback.error[b-g67zxpwgrl] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

@media (max-width: 640px) {
    .esp-share-row[b-g67zxpwgrl],
    .esp-collaborator-item[b-g67zxpwgrl] {
        grid-template-columns: 1fr;
    }

    .esp-remove[b-g67zxpwgrl] {
        justify-self: flex-start;
    }
}
/* /Pages/Friends.razor.rz.scp.css */
.friends-page[b-xnvbho7pp4] {
    max-width: 960px;
}

.friends-header[b-xnvbho7pp4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.friends-title[b-xnvbho7pp4] {
    margin-bottom: 0.35rem;
}

.friends-subtitle[b-xnvbho7pp4] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.friends-status[b-xnvbho7pp4] {
    margin-bottom: 1rem;
}

.friends-loading[b-xnvbho7pp4] {
    color: var(--muted);
    padding: 2rem 0;
}

.friends-pending-banner[b-xnvbho7pp4] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.friends-card[b-xnvbho7pp4] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.friends-add-card[b-xnvbho7pp4] {
    margin-bottom: 1.25rem;
}

.friends-section-title[b-xnvbho7pp4] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.friends-section-intro[b-xnvbho7pp4],
.friends-empty[b-xnvbho7pp4],
.friends-empty-inline[b-xnvbho7pp4] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.friends-section-intro[b-xnvbho7pp4] {
    margin-bottom: 1rem;
}

.friends-empty-inline[b-xnvbho7pp4] {
    margin-top: 0.75rem;
}

.friends-search-row[b-xnvbho7pp4] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.friends-search-results[b-xnvbho7pp4] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.friends-search-result[b-xnvbho7pp4] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
    text-align: left;
}

.friends-search-result:hover[b-xnvbho7pp4],
.friends-search-result.selected[b-xnvbho7pp4] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.1);
}

.friends-search-result-name[b-xnvbho7pp4] {
    font-weight: 600;
}

.friends-search-result-username[b-xnvbho7pp4] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-confirm-banner[b-xnvbho7pp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.friends-confirm-actions[b-xnvbho7pp4] {
    display: flex;
    gap: 0.5rem;
}

.friends-tabs[b-xnvbho7pp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.friends-tab[b-xnvbho7pp4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.friends-tab.active[b-xnvbho7pp4] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.friends-tab-badge[b-xnvbho7pp4] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.friends-tab-count[b-xnvbho7pp4] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.friends-card-header[b-xnvbho7pp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.friends-request-list[b-xnvbho7pp4],
.friends-past-list[b-xnvbho7pp4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.friends-request-item[b-xnvbho7pp4] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.85rem;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.friends-request-item:last-child[b-xnvbho7pp4] {
    border-bottom: none;
    padding-bottom: 0;
}

.friends-request-body[b-xnvbho7pp4] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.friends-request-name[b-xnvbho7pp4] {
    font-weight: 600;
    color: var(--text);
    text-decoration: none;
}

.friends-request-name:hover[b-xnvbho7pp4] {
    color: #93c5fd;
}

.friends-request-meta[b-xnvbho7pp4] {
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-request-actions[b-xnvbho7pp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.friends-past-summary[b-xnvbho7pp4] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.friends-past-list li[b-xnvbho7pp4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    font-size: 0.9rem;
}

.friends-past-direction[b-xnvbho7pp4] {
    color: var(--muted);
    min-width: 2.5rem;
}

.friends-past-date[b-xnvbho7pp4] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.82rem;
}

.friends-empty-state[b-xnvbho7pp4] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.friends-empty-title[b-xnvbho7pp4] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.friends-grid[b-xnvbho7pp4] {
    display: grid;
    gap: 0.85rem;
}

.friends-grid-card[b-xnvbho7pp4] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.friends-grid-card:last-child[b-xnvbho7pp4] {
    border-bottom: none;
    padding-bottom: 0;
}

.friends-grid-body[b-xnvbho7pp4] {
    min-width: 0;
}

.friends-grid-name[b-xnvbho7pp4] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.friends-grid-name:hover[b-xnvbho7pp4] {
    color: #93c5fd;
}

.friends-grid-meta[b-xnvbho7pp4] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.friends-grid-description[b-xnvbho7pp4] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.friends-grid-remove[b-xnvbho7pp4] {
    white-space: nowrap;
}

.friends-skills-list[b-xnvbho7pp4] {
    display: grid;
    gap: 0.85rem;
}

.friends-skill-card[b-xnvbho7pp4] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.friends-skill-header[b-xnvbho7pp4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.friends-skill-name[b-xnvbho7pp4] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.friends-skill-name:hover[b-xnvbho7pp4] {
    color: #93c5fd;
}

.friends-skill-count[b-xnvbho7pp4] {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.friends-skill-section + .friends-skill-section[b-xnvbho7pp4] {
    margin-top: 0.65rem;
}

.friends-skill-label[b-xnvbho7pp4] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.friends-skill-people[b-xnvbho7pp4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.friends-skill-person[b-xnvbho7pp4] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.82rem;
    text-decoration: none;
}

.friends-skill-teacher[b-xnvbho7pp4] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-right: 0.5rem;
}

.friends-skill-contact[b-xnvbho7pp4] {
    font-size: 0.78rem;
    color: var(--muted);
}

@media (max-width: 640px) {
    .friends-search-row[b-xnvbho7pp4] {
        grid-template-columns: 1fr;
    }

    .friends-request-item[b-xnvbho7pp4],
    .friends-grid-card[b-xnvbho7pp4] {
        grid-template-columns: 1fr;
    }

    .friends-request-actions[b-xnvbho7pp4] {
        justify-content: flex-start;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.schedule-page[b-nilmwb180k] {
    --surface: rgba(255, 255, 255, 0.055);
    --border: rgba(255, 255, 255, 0.11);
    --shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    --muted: rgba(232, 237, 245, 0.52);
    --text: #e8edf5;
    max-width: 1200px;
}

.schedule-header[b-nilmwb180k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.schedule-title[b-nilmwb180k] {
    margin-bottom: 0.35rem;
}

.schedule-subtitle[b-nilmwb180k] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
    max-width: 42rem;
}

.schedule-status[b-nilmwb180k] {
    margin-bottom: 1rem;
}

.schedule-loading[b-nilmwb180k] {
    color: var(--muted);
    padding: 2rem 0;
}

.schedule-card[b-nilmwb180k] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.schedule-card-header[b-nilmwb180k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.schedule-section-title[b-nilmwb180k] {
    font-size: 1rem;
    margin-bottom: 0;
}

.schedule-section-intro[b-nilmwb180k],
.schedule-empty[b-nilmwb180k],
.schedule-empty-inline[b-nilmwb180k] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.schedule-section-intro[b-nilmwb180k] {
    margin-bottom: 1rem;
}

.schedule-event-row[b-nilmwb180k] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: end;
}

.schedule-event-field[b-nilmwb180k] {
    min-width: 0;
}

.schedule-event-label[b-nilmwb180k] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.schedule-toolbar[b-nilmwb180k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.schedule-toolbar-group[b-nilmwb180k] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.schedule-toolbar-label[b-nilmwb180k] {
    color: var(--muted);
    font-size: 0.82rem;
    white-space: nowrap;
    margin: 0;
}

.schedule-toolbar-input[b-nilmwb180k] {
    width: 5.5rem;
}

.schedule-toolbar-select[b-nilmwb180k] {
    width: auto;
    min-width: 8rem;
}

.schedule-panel[b-nilmwb180k] {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    margin-bottom: 0.85rem;
    overflow: hidden;
}

.schedule-panel-summary[b-nilmwb180k] {
    cursor: pointer;
    font-weight: 600;
    color: var(--text);
    padding: 0.85rem 1rem;
    list-style: none;
}

.schedule-panel-summary[b-nilmwb180k]::-webkit-details-marker {
    display: none;
}

.schedule-panel-body[b-nilmwb180k] {
    padding: 0 1rem 1rem;
}

.schedule-move-banner[b-nilmwb180k] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.schedule-empty-state[b-nilmwb180k] {
    text-align: center;
    padding: 1.75rem 0.75rem;
}

.schedule-empty-title[b-nilmwb180k] {
    margin: 0 0 0.35rem;
    font-weight: 600;
    color: var(--text);
}

.schedule-table-wrap[b-nilmwb180k] {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.schedule-table-wrap .table[b-nilmwb180k] {
    margin-bottom: 0;
}

.schedule-rules-grid[b-nilmwb180k] {
    display: grid;
    gap: 1rem;
}

.schedule-rule-list-item[b-nilmwb180k] {
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.schedule-rule-list-item:last-child[b-nilmwb180k] {
    border-bottom: none;
    padding-bottom: 0;
}

.schedule-violations-card[b-nilmwb180k] {
    margin-bottom: 1rem;
}

.schedule-saved-name-input[b-nilmwb180k] {
    min-width: 14rem;
}

@media (max-width: 768px) {
    .schedule-header[b-nilmwb180k] {
        flex-direction: column;
        align-items: stretch;
    }

    .schedule-event-row[b-nilmwb180k] {
        grid-template-columns: 1fr;
    }

    .schedule-toolbar-group[b-nilmwb180k] {
        width: 100%;
    }

    .schedule-toolbar-select[b-nilmwb180k] {
        flex: 1;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .schedule-card[b-nilmwb180k] {
        padding: 1rem 1.1rem;
    }
}
/* /Pages/Instructors.razor.rz.scp.css */
.instructors-page[b-4fw1x57ezm] {
    max-width: 960px;
}

.instructors-header[b-4fw1x57ezm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.instructors-title[b-4fw1x57ezm] {
    margin-bottom: 0.35rem;
}

.instructors-subtitle[b-4fw1x57ezm] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.instructors-status[b-4fw1x57ezm] {
    margin-bottom: 1rem;
}

.instructors-loading[b-4fw1x57ezm] {
    color: var(--muted);
    padding: 2rem 0;
}

.instructors-card[b-4fw1x57ezm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.instructors-form-card[b-4fw1x57ezm] {
    margin-bottom: 1.25rem;
}

.instructors-import-card[b-4fw1x57ezm] {
    margin-top: 0.25rem;
}

.instructors-section-title[b-4fw1x57ezm] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.instructors-section-intro[b-4fw1x57ezm],
.instructors-empty[b-4fw1x57ezm],
.instructors-empty-inline[b-4fw1x57ezm] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.instructors-section-intro[b-4fw1x57ezm] {
    margin-bottom: 1rem;
}

.instructors-card-header[b-4fw1x57ezm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.instructors-card-header-actions[b-4fw1x57ezm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.instructors-unlinked-banner[b-4fw1x57ezm] {
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: rgba(251, 191, 36, 0.12);
    border: 1px solid rgba(251, 191, 36, 0.35);
    color: #fde68a;
    font-size: 0.92rem;
}

.instructors-list-unlinked[b-4fw1x57ezm] {
    color: #fbbf24;
    font-size: 0.82rem;
    font-weight: 600;
}

.instructors-count[b-4fw1x57ezm] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.instructors-search-row[b-4fw1x57ezm] {
    margin-bottom: 1rem;
}

.instructors-empty-inline[b-4fw1x57ezm] {
    margin-top: 0.75rem;
}

.instructors-search-results[b-4fw1x57ezm] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.instructors-search-result[b-4fw1x57ezm] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
    text-align: left;
}

.instructors-search-result:hover:not(:disabled)[b-4fw1x57ezm],
.instructors-search-result.selected[b-4fw1x57ezm] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.1);
}

.instructors-search-result.disabled[b-4fw1x57ezm],
.instructors-search-result:disabled[b-4fw1x57ezm] {
    opacity: 0.55;
    cursor: not-allowed;
}

.instructors-search-result-name[b-4fw1x57ezm] {
    font-weight: 600;
}

.instructors-search-result-username[b-4fw1x57ezm] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.instructors-search-result-badge[b-4fw1x57ezm] {
    font-size: 0.75rem;
    color: var(--muted);
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.instructors-sync-preview[b-4fw1x57ezm] {
    margin: 1rem 0;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.instructors-preview-title[b-4fw1x57ezm] {
    font-size: 0.88rem;
    margin: 0 0 0.65rem;
    color: var(--muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.instructors-preview-details[b-4fw1x57ezm] {
    margin: 0;
    display: grid;
    gap: 0.45rem;
}

.instructors-preview-row[b-4fw1x57ezm] {
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 0.5rem;
    font-size: 0.92rem;
}

.instructors-preview-row dt[b-4fw1x57ezm] {
    margin: 0;
    color: var(--muted);
}

.instructors-preview-row dd[b-4fw1x57ezm] {
    margin: 0;
}

.instructors-confirm-banner[b-4fw1x57ezm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.instructors-confirm-actions[b-4fw1x57ezm] {
    display: flex;
    gap: 0.5rem;
}

.instructors-form-grid[b-4fw1x57ezm] {
    display: grid;
    gap: 0.85rem;
}

.instructors-form-actions[b-4fw1x57ezm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.instructors-list[b-4fw1x57ezm] {
    display: grid;
    gap: 0.85rem;
}

.instructors-list-item[b-4fw1x57ezm] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.instructors-list-item:last-child[b-4fw1x57ezm] {
    border-bottom: none;
    padding-bottom: 0;
}

.instructors-avatar[b-4fw1x57ezm] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
    width: 56px;
    height: 56px;
    font-size: 1.15rem;
}

.instructors-list-body[b-4fw1x57ezm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.instructors-list-name[b-4fw1x57ezm] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.instructors-list-friendly[b-4fw1x57ezm] {
    color: var(--text);
    font-size: 0.92rem;
}

.instructors-list-meta[b-4fw1x57ezm] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.instructors-list-profile[b-4fw1x57ezm] {
    color: #93c5fd;
    font-size: 0.85rem;
    text-decoration: none;
}

.instructors-list-profile:hover[b-4fw1x57ezm] {
    color: #dbeafe;
}

.instructors-list-actions[b-4fw1x57ezm] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.instructors-empty-state[b-4fw1x57ezm] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.instructors-empty-title[b-4fw1x57ezm] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.instructors-pagination[b-4fw1x57ezm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.instructors-pagination-meta[b-4fw1x57ezm] {
    color: var(--muted);
    font-size: 0.85rem;
}

.instructors-pagination-controls[b-4fw1x57ezm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

.instructors-page-btn[b-4fw1x57ezm] {
    min-width: 2rem;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.instructors-page-btn:hover:not(:disabled)[b-4fw1x57ezm] {
    border-color: rgba(96, 165, 250, 0.45);
    color: #dbeafe;
}

.instructors-page-btn.active[b-4fw1x57ezm] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.instructors-page-btn:disabled[b-4fw1x57ezm] {
    opacity: 0.45;
    cursor: not-allowed;
}

.instructors-import-summary[b-4fw1x57ezm] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.instructors-import-body[b-4fw1x57ezm] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.instructors-import-message[b-4fw1x57ezm] {
    font-size: 0.9rem;
    margin: 0;
}

.instructors-import-message.success[b-4fw1x57ezm] {
    color: #86efac;
}

.instructors-import-message.error[b-4fw1x57ezm] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .instructors-list-item[b-4fw1x57ezm] {
        grid-template-columns: 1fr;
    }

    .instructors-list-actions[b-4fw1x57ezm] {
        flex-direction: row;
        align-items: flex-start;
    }

    .instructors-pagination[b-4fw1x57ezm] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Jams.razor.rz.scp.css */
.jams-page[b-6suu3l4mpc] {
    max-width: 960px;
}

.jams-header[b-6suu3l4mpc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.jams-title[b-6suu3l4mpc] {
    margin-bottom: 0.35rem;
}

.jams-subtitle[b-6suu3l4mpc] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.jams-status[b-6suu3l4mpc] {
    margin-bottom: 1rem;
}

.jams-loading[b-6suu3l4mpc] {
    color: var(--muted);
    padding: 2rem 0;
}

.jams-card[b-6suu3l4mpc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.jams-section-title[b-6suu3l4mpc] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.jams-filters[b-6suu3l4mpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.jams-filter-tab[b-6suu3l4mpc] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.86rem;
    cursor: pointer;
}

.jams-filter-tab.active[b-6suu3l4mpc] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.jams-list[b-6suu3l4mpc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

.jams-count[b-6suu3l4mpc] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.jams-item-header[b-6suu3l4mpc] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.jams-item-title[b-6suu3l4mpc] {
    font-size: 1.15rem;
    margin: 0 0 0.25rem;
}

.jams-item-meta[b-6suu3l4mpc] {
    color: var(--muted);
    font-size: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.jams-item-by[b-6suu3l4mpc] {
    color: var(--muted);
    font-size: 0.82rem;
    margin-top: 0.25rem;
}

.jams-item-description[b-6suu3l4mpc] {
    margin: 0.75rem 0;
    white-space: pre-wrap;
}

.jams-rsvp[b-6suu3l4mpc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.jams-empty-title[b-6suu3l4mpc] {
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.jams-empty[b-6suu3l4mpc] {
    margin: 0;
    color: var(--muted);
}

.jams-item-actions[b-6suu3l4mpc] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}
/* /Pages/Locations.razor.rz.scp.css */
.locations-page[b-9ub7ecw6qv] {
    max-width: 960px;
}

.locations-header[b-9ub7ecw6qv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.locations-title[b-9ub7ecw6qv] {
    margin-bottom: 0.35rem;
}

.locations-subtitle[b-9ub7ecw6qv] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.locations-status[b-9ub7ecw6qv] {
    margin-bottom: 1rem;
}

.locations-loading[b-9ub7ecw6qv] {
    color: var(--muted);
    padding: 2rem 0;
}

.locations-card[b-9ub7ecw6qv] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.locations-form-card[b-9ub7ecw6qv] {
    margin-bottom: 1.25rem;
}

.locations-section-title[b-9ub7ecw6qv] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.locations-section-intro[b-9ub7ecw6qv],
.locations-empty[b-9ub7ecw6qv],
.locations-empty-inline[b-9ub7ecw6qv] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.locations-section-intro[b-9ub7ecw6qv] {
    margin-bottom: 1rem;
}

.locations-card-header[b-9ub7ecw6qv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.locations-count[b-9ub7ecw6qv] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.locations-search-row[b-9ub7ecw6qv] {
    margin-bottom: 1rem;
}

.locations-confirm-banner[b-9ub7ecw6qv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.locations-confirm-actions[b-9ub7ecw6qv] {
    display: flex;
    gap: 0.5rem;
}

.locations-form-grid[b-9ub7ecw6qv] {
    display: grid;
    gap: 0.85rem;
}

.locations-form-actions[b-9ub7ecw6qv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.locations-list[b-9ub7ecw6qv] {
    display: grid;
    gap: 0.85rem;
}

.locations-list-item[b-9ub7ecw6qv] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.locations-list-item:last-child[b-9ub7ecw6qv] {
    border-bottom: none;
    padding-bottom: 0;
}

.locations-avatar[b-9ub7ecw6qv] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
    width: 56px;
    height: 56px;
    font-size: 1.25rem;
}

.locations-list-body[b-9ub7ecw6qv] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.locations-list-name[b-9ub7ecw6qv] {
    font-weight: 700;
    color: var(--text);
    margin: 0;
}

.locations-list-address[b-9ub7ecw6qv] {
    color: var(--muted);
    font-size: 0.85rem;
    word-break: break-word;
}

.locations-list-badges[b-9ub7ecw6qv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.locations-list-actions[b-9ub7ecw6qv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.locations-view-only[b-9ub7ecw6qv] {
    color: var(--muted);
    font-size: 0.82rem;
}

.locations-empty-state[b-9ub7ecw6qv] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.locations-empty-title[b-9ub7ecw6qv] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.locations-import-card[b-9ub7ecw6qv] {
    margin-top: 0.25rem;
}

.locations-import-summary[b-9ub7ecw6qv] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.locations-import-body[b-9ub7ecw6qv] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.locations-import-message[b-9ub7ecw6qv] {
    font-size: 0.9rem;
    margin: 0;
}

.locations-import-message.success[b-9ub7ecw6qv] {
    color: #86efac;
}

.locations-import-message.error[b-9ub7ecw6qv] {
    color: #fca5a5;
}

@media (max-width: 640px) {
    .locations-list-item[b-9ub7ecw6qv] {
        grid-template-columns: 1fr;
    }

    .locations-list-actions[b-9ub7ecw6qv] {
        flex-direction: row;
        align-items: flex-start;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-jwpqzwziyd] {
    min-height: calc(100vh - 8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
}

.login-shell[b-jwpqzwziyd] {
    width: 100%;
    max-width: 440px;
}

.login-card[b-jwpqzwziyd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.75rem 1.75rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.login-card--signed-in[b-jwpqzwziyd] {
    text-align: center;
}

.login-card-header[b-jwpqzwziyd] {
    margin-bottom: 1.25rem;
}

.login-title[b-jwpqzwziyd] {
    margin: 0 0 0.35rem;
    font-size: 1.5rem;
}

.login-subtitle[b-jwpqzwziyd] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.login-status[b-jwpqzwziyd] {
    margin-bottom: 1rem;
}

.login-tabs[b-jwpqzwziyd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.login-tab[b-jwpqzwziyd] {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.login-tab.active[b-jwpqzwziyd] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.login-form[b-jwpqzwziyd] {
    display: grid;
    gap: 0.85rem;
}

.login-field[b-jwpqzwziyd] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.login-field-row[b-jwpqzwziyd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.login-label[b-jwpqzwziyd] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
}

.login-validation[b-jwpqzwziyd] {
    margin: 0;
    font-size: 0.88rem;
}

.login-submit[b-jwpqzwziyd] {
    width: 100%;
    margin-top: 0.25rem;
}

.login-registration-disabled[b-jwpqzwziyd] {
    margin: 0 0 1rem;
    color: var(--muted);
    font-size: 0.92rem;
}

.login-divider[b-jwpqzwziyd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.25rem 0;
    color: var(--muted);
    font-size: 0.82rem;
}

.login-divider[b-jwpqzwziyd]::before,
.login-divider[b-jwpqzwziyd]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.login-oauth[b-jwpqzwziyd] {
    text-align: center;
}

.login-oauth-btn[b-jwpqzwziyd] {
    width: 100%;
}

.login-oauth-hint[b-jwpqzwziyd] {
    margin: 0.5rem 0 0;
    color: var(--muted);
    font-size: 0.82rem;
}

.login-signed-in-body[b-jwpqzwziyd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 1.25rem;
}

.login-avatar[b-jwpqzwziyd] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.login-signed-in-name[b-jwpqzwziyd] {
    margin: 0;
    font-weight: 700;
    font-size: 1.05rem;
}

.login-actions[b-jwpqzwziyd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.login-debug[b-jwpqzwziyd] {
    margin-top: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    color: var(--muted);
    font-size: 0.85rem;
}

.login-debug summary[b-jwpqzwziyd] {
    cursor: pointer;
    font-weight: 600;
}

.login-debug pre[b-jwpqzwziyd] {
    margin: 0.75rem 0 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.78rem;
}

@media (max-width: 480px) {
    .login-field-row[b-jwpqzwziyd] {
        grid-template-columns: 1fr;
    }

    .login-card[b-jwpqzwziyd] {
        padding: 1.35rem 1.15rem;
    }
}
/* /Pages/MyProjects.razor.rz.scp.css */
.my-projects-page[b-0nehc5tpzf] {
    max-width: 960px;
}

.my-projects-header[b-0nehc5tpzf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.my-projects-title[b-0nehc5tpzf] {
    margin-bottom: 0.35rem;
}

.my-projects-subtitle[b-0nehc5tpzf] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.my-projects-status[b-0nehc5tpzf] {
    margin-bottom: 1rem;
}

.my-projects-loading[b-0nehc5tpzf] {
    color: var(--muted);
    padding: 2rem 0;
}

.my-projects-banner[b-0nehc5tpzf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.my-projects-tabs[b-0nehc5tpzf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.my-projects-tab[b-0nehc5tpzf] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.my-projects-tab.active[b-0nehc5tpzf] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.my-projects-tab-badge[b-0nehc5tpzf] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.my-projects-tab-count[b-0nehc5tpzf] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.my-projects-card[b-0nehc5tpzf] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.my-projects-card-header[b-0nehc5tpzf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.my-projects-section-title[b-0nehc5tpzf] {
    font-size: 1rem;
    margin-bottom: 0;
}

.my-projects-section-intro[b-0nehc5tpzf],
.my-projects-empty[b-0nehc5tpzf] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.my-projects-empty-state[b-0nehc5tpzf] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.my-projects-empty-title[b-0nehc5tpzf] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.my-projects-skill-list[b-0nehc5tpzf],
.my-projects-collection-list[b-0nehc5tpzf],
.my-projects-recommendation-list[b-0nehc5tpzf] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0;
}

.my-projects-skill-item[b-0nehc5tpzf],
.my-projects-collection-item[b-0nehc5tpzf],
.my-projects-recommendation-item[b-0nehc5tpzf] {
    padding: 0.85rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.my-projects-skill-item:last-child[b-0nehc5tpzf],
.my-projects-collection-item:last-child[b-0nehc5tpzf],
.my-projects-recommendation-item:last-child[b-0nehc5tpzf] {
    border-bottom: none;
    padding-bottom: 0;
}

.my-projects-skill-row[b-0nehc5tpzf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.my-projects-skill-body[b-0nehc5tpzf] {
    flex-grow: 1;
    min-width: 0;
}

.my-projects-skill-name-row[b-0nehc5tpzf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.my-projects-skill-name[b-0nehc5tpzf] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.my-projects-skill-name:hover[b-0nehc5tpzf] {
    color: #93c5fd;
}

.my-projects-skill-meta[b-0nehc5tpzf],
.my-projects-collection-meta[b-0nehc5tpzf] {
    color: var(--muted);
    font-size: 0.85rem;
    margin-top: 0.2rem;
}

.my-projects-skill-tags[b-0nehc5tpzf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
    font-size: 0.82rem;
    color: var(--muted);
}

.my-projects-improvement-options[b-0nehc5tpzf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.65rem;
}

.my-projects-collection-name[b-0nehc5tpzf] {
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.my-projects-collection-skills[b-0nehc5tpzf] {
    margin-top: 0.35rem;
    font-size: 0.88rem;
    color: var(--muted);
}

.my-projects-achieved-toolbar[b-0nehc5tpzf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
    font-size: 0.88rem;
    color: var(--muted);
}

.my-projects-recommendation-type[b-0nehc5tpzf] {
    font-size: 0.82rem;
    color: var(--muted);
}

.my-projects-recommendation-date[b-0nehc5tpzf] {
    font-size: 0.82rem;
    color: var(--muted);
    margin-top: 0.2rem;
}

.my-projects-pagination[b-0nehc5tpzf] {
    margin-top: 0.85rem;
}

@media (max-width: 640px) {
    .my-projects-skill-row[b-0nehc5tpzf] {
        flex-direction: column;
    }
}
/* /Pages/Profile.razor.rz.scp.css */
.profile-page[b-0mvl6d781e] {
    max-width: 960px;
}

.profile-jam-region-input[b-0mvl6d781e] {
    max-width: 280px;
}

.profile-layout[b-0mvl6d781e] {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .profile-layout[b-0mvl6d781e] {
        grid-template-columns: 280px 1fr;
        align-items: start;
    }
}

.profile-card[b-0mvl6d781e] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.profile-photo-card[b-0mvl6d781e] {
    text-align: center;
}

.profile-photo-intro[b-0mvl6d781e] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: -0.35rem 0 1.25rem;
}

.profile-avatar-display[b-0mvl6d781e] {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.profile-photo-actions[b-0mvl6d781e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.profile-upload-label[b-0mvl6d781e] {
    margin: 0;
}

.profile-photo-actions[b-0mvl6d781e]  input[type="file"] {
    display: none;
}

.profile-selected-file[b-0mvl6d781e] {
    margin: 0.5rem 0 0;
    font-size: 0.82rem;
    color: var(--muted);
}

.profile-avatar[b-0mvl6d781e] {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid rgba(96, 165, 250, 0.45);
    box-shadow: var(--glow-accent);
}

.profile-avatar-placeholder[b-0mvl6d781e] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-size: 3rem;
    font-weight: 700;
}

.profile-photo-hint[b-0mvl6d781e] {
    margin: 0.75rem 0 0;
    font-size: 0.8rem;
    color: var(--muted);
}

.profile-section-title[b-0mvl6d781e] {
    font-size: 1rem;
    margin-bottom: 1rem;
}

.profile-details[b-0mvl6d781e] {
    margin: 0 0 1.5rem;
}

.profile-detail-row[b-0mvl6d781e] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0.75rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.profile-detail-row:last-child[b-0mvl6d781e] {
    border-bottom: none;
}

.profile-detail-row dt[b-0mvl6d781e] {
    color: var(--muted);
    font-weight: 500;
    margin: 0;
}

.profile-detail-row dd[b-0mvl6d781e] {
    margin: 0;
    color: var(--text);
    font-weight: 600;
}

.profile-group-list[b-0mvl6d781e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.profile-group-pill[b-0mvl6d781e] {
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.25);
    color: #dbeafe;
    font-size: 0.82rem;
    font-weight: 600;
}

.profile-group-pill.admin[b-0mvl6d781e] {
    background: rgba(167, 139, 250, 0.18);
    border-color: rgba(167, 139, 250, 0.35);
    color: #ede9fe;
}

.profile-loading[b-0mvl6d781e] {
    color: var(--muted);
    padding: 2rem 0;
}

.profile-description-input[b-0mvl6d781e] {
    min-height: 120px;
    resize: vertical;
}

.profile-description-footer[b-0mvl6d781e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.profile-description[b-0mvl6d781e] {
    margin: 0;
    color: var(--text);
    white-space: pre-wrap;
    line-height: 1.55;
}

.profile-status[b-0mvl6d781e] {
    margin-bottom: 1rem;
}

.profile-friend-actions[b-0mvl6d781e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.profile-friend-badge[b-0mvl6d781e] {
    font-size: 0.82rem;
}

.profile-friend-hint[b-0mvl6d781e] {
    color: var(--muted);
    font-size: 0.9rem;
    margin-right: 0.25rem;
}

.profile-friend-confirm[b-0mvl6d781e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}
/* /Pages/RecommendSkill.razor.rz.scp.css */
.recommend-skill-page[b-knx17vki9o] {
    max-width: 720px;
}

.recommend-skill-header[b-knx17vki9o] {
    margin-bottom: 1.25rem;
}

.recommend-skill-title[b-knx17vki9o] {
    margin-bottom: 0.35rem;
}

.recommend-skill-subtitle[b-knx17vki9o] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.recommend-skill-status[b-knx17vki9o] {
    margin-bottom: 1rem;
}

.recommend-skill-loading[b-knx17vki9o] {
    color: var(--muted);
    padding: 2rem 0;
}

.recommend-skill-breadcrumb[b-knx17vki9o] {
    margin-bottom: 1rem;
}

.recommend-skill-breadcrumb .breadcrumb[b-knx17vki9o] {
    margin-bottom: 0;
}

.recommend-skill-card[b-knx17vki9o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.recommend-skill-preview-name[b-knx17vki9o] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
}

.recommend-skill-preview-description[b-knx17vki9o] {
    margin: 0 0 1rem;
    color: var(--muted);
    font-size: 0.92rem;
    line-height: 1.45;
}

.recommend-skill-section-title[b-knx17vki9o] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.recommend-skill-section-intro[b-knx17vki9o],
.recommend-skill-empty-inline[b-knx17vki9o] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.recommend-skill-section-intro[b-knx17vki9o] {
    margin-bottom: 1rem;
}

.recommend-skill-empty-inline[b-knx17vki9o] {
    margin-top: 0.75rem;
}

.recommend-skill-search-row[b-knx17vki9o] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
}

.recommend-skill-search-results[b-knx17vki9o] {
    list-style: none;
    margin: 0.75rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.recommend-skill-search-result[b-knx17vki9o] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text);
    text-align: left;
}

.recommend-skill-search-result:hover[b-knx17vki9o],
.recommend-skill-search-result.selected[b-knx17vki9o] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.1);
}

.recommend-skill-search-result-name[b-knx17vki9o] {
    font-weight: 600;
}

.recommend-skill-search-result-username[b-knx17vki9o] {
    margin-left: auto;
    color: var(--muted);
    font-size: 0.85rem;
}

.recommend-skill-field-label[b-knx17vki9o] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.recommend-skill-actions[b-knx17vki9o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.recommend-skill-success[b-knx17vki9o] {
    text-align: center;
    padding: 0.5rem 0;
}

.recommend-skill-success-title[b-knx17vki9o] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}
/* /Pages/Rooms.razor.rz.scp.css */
.rooms-page[b-tp7vkmk1ba] {
    max-width: 1040px;
}

.rooms-header[b-tp7vkmk1ba] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.rooms-title[b-tp7vkmk1ba] {
    margin-bottom: 0.35rem;
}

.rooms-subtitle[b-tp7vkmk1ba] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.rooms-status[b-tp7vkmk1ba] {
    margin-bottom: 1rem;
}

.rooms-loading[b-tp7vkmk1ba] {
    color: var(--muted);
    padding: 2rem 0;
}

.rooms-card[b-tp7vkmk1ba] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.rooms-toolbar-card[b-tp7vkmk1ba] {
    margin-bottom: 1.25rem;
}

.rooms-section-title[b-tp7vkmk1ba] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.rooms-section-intro[b-tp7vkmk1ba],
.rooms-empty[b-tp7vkmk1ba],
.rooms-empty-inline[b-tp7vkmk1ba] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.rooms-section-intro[b-tp7vkmk1ba] {
    margin-bottom: 1rem;
}

.rooms-empty-inline[b-tp7vkmk1ba] {
    margin-top: 0.75rem;
}

.rooms-card-header[b-tp7vkmk1ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.rooms-count[b-tp7vkmk1ba] {
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
}

.rooms-field-label[b-tp7vkmk1ba] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.45rem;
}

.rooms-toolbar-grid[b-tp7vkmk1ba] {
    display: grid;
    gap: 0.85rem;
}

.rooms-confirm-banner[b-tp7vkmk1ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
}

.rooms-confirm-actions[b-tp7vkmk1ba] {
    display: flex;
    gap: 0.5rem;
}

.rooms-form-grid[b-tp7vkmk1ba] {
    display: grid;
    gap: 0.85rem;
}

.rooms-form-row[b-tp7vkmk1ba] {
    display: grid;
    gap: 0.85rem;
}

.rooms-form-actions[b-tp7vkmk1ba] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.rooms-attributes[b-tp7vkmk1ba] {
    display: grid;
    gap: 0.65rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.rooms-attributes-label[b-tp7vkmk1ba] {
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.rooms-list[b-tp7vkmk1ba] {
    display: grid;
    gap: 0.85rem;
}

.rooms-list-item[b-tp7vkmk1ba] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.rooms-list-item:last-child[b-tp7vkmk1ba] {
    border-bottom: none;
    padding-bottom: 0;
}

.rooms-avatar[b-tp7vkmk1ba] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
    width: 48px;
    height: 48px;
    font-size: 1rem;
}

.rooms-list-body[b-tp7vkmk1ba] {
    min-width: 0;
}

.rooms-list-name[b-tp7vkmk1ba] {
    font-weight: 700;
    color: var(--text);
    margin: 0 0 0.2rem;
}

.rooms-list-meta[b-tp7vkmk1ba] {
    color: var(--muted);
    font-size: 0.85rem;
}

.rooms-list-actions[b-tp7vkmk1ba] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
}

.rooms-empty-state[b-tp7vkmk1ba] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.rooms-empty-title[b-tp7vkmk1ba] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.rooms-columns[b-tp7vkmk1ba] {
    display: grid;
    gap: 1rem;
}

.rooms-availability-actions[b-tp7vkmk1ba] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.rooms-assignment-list[b-tp7vkmk1ba] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.rooms-assignment-item[b-tp7vkmk1ba] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.rooms-assignment-name[b-tp7vkmk1ba] {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.rooms-assignment-meta[b-tp7vkmk1ba] {
    color: var(--muted);
    font-size: 0.85rem;
}

.rooms-import-card[b-tp7vkmk1ba] {
    margin-top: 0.25rem;
}

.rooms-import-summary[b-tp7vkmk1ba] {
    cursor: pointer;
    font-weight: 600;
    color: var(--muted);
}

.rooms-import-body[b-tp7vkmk1ba] {
    margin-top: 1rem;
    display: grid;
    gap: 0.85rem;
}

.rooms-import-message[b-tp7vkmk1ba] {
    font-size: 0.9rem;
    margin: 0;
}

.rooms-import-message.success[b-tp7vkmk1ba] {
    color: #86efac;
}

.rooms-import-message.error[b-tp7vkmk1ba] {
    color: #fca5a5;
}

@media (min-width: 992px) {
    .rooms-columns[b-tp7vkmk1ba] {
        grid-template-columns: 1fr 1fr;
        align-items: start;
    }

    .rooms-form-row[b-tp7vkmk1ba] {
        grid-template-columns: 1.4fr 0.8fr;
    }

    .rooms-toolbar-grid[b-tp7vkmk1ba] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .rooms-list-item[b-tp7vkmk1ba],
    .rooms-assignment-item[b-tp7vkmk1ba] {
        grid-template-columns: 1fr;
    }

    .rooms-list-actions[b-tp7vkmk1ba] {
        flex-direction: row;
        align-items: flex-start;
    }
}
/* /Pages/SkillCollections.razor.rz.scp.css */
.skill-collections-page[b-oywtx7d3cq] {
    max-width: 960px;
}

.skill-collections-header[b-oywtx7d3cq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-collections-title[b-oywtx7d3cq] {
    margin-bottom: 0.35rem;
}

.skill-collections-subtitle[b-oywtx7d3cq] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-collections-status[b-oywtx7d3cq] {
    margin-bottom: 1rem;
}

.skill-collections-pending-banner[b-oywtx7d3cq] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.skill-collections-tabs[b-oywtx7d3cq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-collections-tab[b-oywtx7d3cq] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-collections-tab.active[b-oywtx7d3cq] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.skill-collections-tab-badge[b-oywtx7d3cq] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-collections-tab-count[b-oywtx7d3cq] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-collections-card[b-oywtx7d3cq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-collections-subcard[b-oywtx7d3cq] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-collections-card-header[b-oywtx7d3cq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-collections-section-title[b-oywtx7d3cq] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-collections-section-intro[b-oywtx7d3cq],
.skill-collections-empty[b-oywtx7d3cq] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-collections-section-intro[b-oywtx7d3cq] {
    margin-bottom: 1rem;
}

.skill-collections-empty-state[b-oywtx7d3cq] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-collections-empty-title[b-oywtx7d3cq] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-collections-icon[b-oywtx7d3cq] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.skill-collections-icon-md[b-oywtx7d3cq] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-collections-list[b-oywtx7d3cq] {
    display: grid;
    gap: 0.85rem;
}

.skill-collections-row[b-oywtx7d3cq] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-collections-row:last-child[b-oywtx7d3cq] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-collections-row-body[b-oywtx7d3cq] {
    min-width: 0;
}

.skill-collections-row-name[b-oywtx7d3cq] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-collections-row-meta[b-oywtx7d3cq] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-collections-row-description[b-oywtx7d3cq] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-collections-row-badges[b-oywtx7d3cq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-collections-skill-chips[b-oywtx7d3cq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.skill-collections-skill-chip[b-oywtx7d3cq] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-collections-skill-chip:hover[b-oywtx7d3cq] {
    color: #93c5fd;
}

.skill-collections-row-actions[b-oywtx7d3cq] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-collections-form-row[b-oywtx7d3cq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-collections-search-row[b-oywtx7d3cq] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-collections-selected-list[b-oywtx7d3cq] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.5rem;
}

.skill-collections-selected-item[b-oywtx7d3cq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.skill-collections-pagination[b-oywtx7d3cq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-collections-form-actions[b-oywtx7d3cq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .skill-collections-row[b-oywtx7d3cq] {
        grid-template-columns: 1fr;
    }

    .skill-collections-row-actions[b-oywtx7d3cq] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-collections-form-row[b-oywtx7d3cq],
    .skill-collections-search-row[b-oywtx7d3cq] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SkillDetails.razor.rz.scp.css */
.skill-details-page[b-e9sjkfr2ht] {
    max-width: 960px;
}

.skill-details-loading[b-e9sjkfr2ht] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-details-status[b-e9sjkfr2ht] {
    margin-bottom: 1rem;
}

.skill-details-header[b-e9sjkfr2ht] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-details-heading[b-e9sjkfr2ht] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.skill-details-title[b-e9sjkfr2ht] {
    margin: 0 0 0.25rem;
}

.skill-details-meta[b-e9sjkfr2ht] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.skill-details-header-badges[b-e9sjkfr2ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-details-header-actions[b-e9sjkfr2ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-details-avatar[b-e9sjkfr2ht] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.skill-details-avatar-xl[b-e9sjkfr2ht] {
    width: 80px;
    height: 80px;
    font-size: 2rem;
    border-radius: 20px;
}

.skill-details-card[b-e9sjkfr2ht] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-details-section-title[b-e9sjkfr2ht] {
    font-size: 1rem;
    margin-bottom: 0.75rem;
}

.skill-details-description[b-e9sjkfr2ht] {
    margin: 0;
    color: var(--text);
    line-height: 1.55;
    white-space: pre-wrap;
}

.skill-details-card-header[b-e9sjkfr2ht] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-details-count[b-e9sjkfr2ht] {
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-details-empty[b-e9sjkfr2ht] {
    margin: 0;
    color: var(--muted);
    font-size: 0.92rem;
}

.skill-details-empty-state[b-e9sjkfr2ht] {
    text-align: center;
    padding: 1rem 0.5rem;
}

.skill-details-empty-title[b-e9sjkfr2ht] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-details-actions[b-e9sjkfr2ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-details-two-col[b-e9sjkfr2ht] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.skill-details-two-col .skill-details-card[b-e9sjkfr2ht] {
    margin-bottom: 0;
}

.skill-details-badge-row[b-e9sjkfr2ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.skill-details-tag-pill[b-e9sjkfr2ht] {
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.82rem;
}

.skill-details-attributes[b-e9sjkfr2ht] {
    display: grid;
    gap: 0.5rem;
}

.skill-details-attribute-row[b-e9sjkfr2ht] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    gap: 0.75rem;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-details-attribute-row:last-child[b-e9sjkfr2ht] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-attribute-name[b-e9sjkfr2ht] {
    font-weight: 600;
    color: var(--text);
}

.skill-details-attribute-value[b-e9sjkfr2ht] {
    color: var(--muted);
}

.skill-details-video-list[b-e9sjkfr2ht] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.skill-details-video-item[b-e9sjkfr2ht] {
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-details-video-item:last-child[b-e9sjkfr2ht] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-video-link[b-e9sjkfr2ht] {
    color: #93c5fd;
    text-decoration: none;
    word-break: break-all;
}

.skill-details-video-link:hover[b-e9sjkfr2ht] {
    text-decoration: underline;
}

.skill-details-video-tags[b-e9sjkfr2ht] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.45rem;
}

.skill-details-related-list[b-e9sjkfr2ht] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.skill-details-related-item[b-e9sjkfr2ht] {
    padding: 0.65rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-details-related-item:last-child[b-e9sjkfr2ht] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-details-related-name[b-e9sjkfr2ht] {
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-details-related-description[b-e9sjkfr2ht] {
    margin: 0 0 0.45rem;
    color: var(--muted);
    font-size: 0.88rem;
    line-height: 1.45;
}

@media (max-width: 768px) {
    .skill-details-header[b-e9sjkfr2ht] {
        flex-direction: column;
    }

    .skill-details-two-col[b-e9sjkfr2ht] {
        grid-template-columns: 1fr;
    }

    .skill-details-two-col .skill-details-card[b-e9sjkfr2ht] {
        margin-bottom: 1rem;
    }

    .skill-details-attribute-row[b-e9sjkfr2ht] {
        grid-template-columns: 1fr;
        gap: 0.2rem;
    }
}
/* /Pages/SkillFlows.razor.rz.scp.css */
.skill-flows-page[b-erjcwz5zhk] {
    max-width: 960px;
}

.skill-flows-header[b-erjcwz5zhk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-flows-title[b-erjcwz5zhk] {
    margin-bottom: 0.35rem;
}

.skill-flows-subtitle[b-erjcwz5zhk] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-flows-status[b-erjcwz5zhk] {
    margin-bottom: 1rem;
}

.skill-flows-pending-banner[b-erjcwz5zhk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.skill-flows-tabs[b-erjcwz5zhk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-flows-tab[b-erjcwz5zhk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-flows-tab.active[b-erjcwz5zhk] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.skill-flows-tab-badge[b-erjcwz5zhk] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-flows-tab-count[b-erjcwz5zhk] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-flows-card[b-erjcwz5zhk] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-flows-subcard[b-erjcwz5zhk] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-flows-card-header[b-erjcwz5zhk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-flows-section-title[b-erjcwz5zhk] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-flows-section-intro[b-erjcwz5zhk],
.skill-flows-empty[b-erjcwz5zhk] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-flows-section-intro[b-erjcwz5zhk] {
    margin-bottom: 1rem;
}

.skill-flows-empty-state[b-erjcwz5zhk] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-flows-empty-title[b-erjcwz5zhk] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-flows-icon[b-erjcwz5zhk] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.25), rgba(96, 165, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(251, 191, 36, 0.35);
}

.skill-flows-icon-md[b-erjcwz5zhk] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-flows-list[b-erjcwz5zhk] {
    display: grid;
    gap: 0.85rem;
}

.skill-flows-row[b-erjcwz5zhk] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-flows-row:last-child[b-erjcwz5zhk] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-flows-row-body[b-erjcwz5zhk] {
    min-width: 0;
}

.skill-flows-row-name[b-erjcwz5zhk] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-flows-row-meta[b-erjcwz5zhk] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-flows-row-description[b-erjcwz5zhk] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-flows-row-badges[b-erjcwz5zhk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-flows-sequence[b-erjcwz5zhk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-flows-step[b-erjcwz5zhk] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-flows-step:hover[b-erjcwz5zhk] {
    color: #93c5fd;
}

.skill-flows-step-kind[b-erjcwz5zhk] {
    color: var(--muted);
    font-size: 0.75rem;
}

.skill-flows-arrow[b-erjcwz5zhk] {
    color: var(--muted);
    font-size: 0.82rem;
}

.skill-flows-row-actions[b-erjcwz5zhk] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-flows-form-row[b-erjcwz5zhk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-flows-search-row[b-erjcwz5zhk] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-flows-pagination[b-erjcwz5zhk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-flows-form-actions[b-erjcwz5zhk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-flows-hint[b-erjcwz5zhk] {
    margin-top: 0.75rem;
    color: var(--muted);
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .skill-flows-row[b-erjcwz5zhk] {
        grid-template-columns: 1fr;
    }

    .skill-flows-row-actions[b-erjcwz5zhk] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-flows-form-row[b-erjcwz5zhk],
    .skill-flows-search-row[b-erjcwz5zhk] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SkillLibrary.razor.rz.scp.css */
.skill-library-page[b-vgwwbfxd3o] {
    max-width: 960px;
}

.skill-library-header[b-vgwwbfxd3o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-library-title[b-vgwwbfxd3o] {
    margin-bottom: 0.35rem;
}

.skill-library-subtitle[b-vgwwbfxd3o] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-library-status[b-vgwwbfxd3o] {
    margin-bottom: 1rem;
}

.skill-library-loading[b-vgwwbfxd3o] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-library-filter-banner[b-vgwwbfxd3o] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.skill-library-card[b-vgwwbfxd3o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-library-search-card[b-vgwwbfxd3o] {
    margin-bottom: 0.85rem;
}

.skill-library-section-title[b-vgwwbfxd3o] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-library-section-intro[b-vgwwbfxd3o],
.skill-library-empty[b-vgwwbfxd3o] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-library-section-intro[b-vgwwbfxd3o] {
    margin-bottom: 1rem;
}

.skill-library-search-row[b-vgwwbfxd3o] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-library-filter-chips[b-vgwwbfxd3o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-library-filter-chip[b-vgwwbfxd3o] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.82rem;
}

.skill-library-filter-chip.active[b-vgwwbfxd3o] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.skill-library-filter-chip:disabled[b-vgwwbfxd3o] {
    opacity: 0.6;
}

.skill-library-card-header[b-vgwwbfxd3o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-library-empty-state[b-vgwwbfxd3o] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-library-empty-title[b-vgwwbfxd3o] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-library-empty-state .btn[b-vgwwbfxd3o] {
    margin-top: 0.75rem;
}

.skill-library-avatar[b-vgwwbfxd3o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(96, 165, 250, 0.25), rgba(167, 139, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(96, 165, 250, 0.35);
}

.skill-library-avatar-lg[b-vgwwbfxd3o] {
    width: 64px;
    height: 64px;
    font-size: 1.5rem;
    border-radius: 18px;
}

.skill-library-grid[b-vgwwbfxd3o] {
    display: grid;
    gap: 0.85rem;
}

.skill-library-grid-card[b-vgwwbfxd3o] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-library-grid-card:last-child[b-vgwwbfxd3o] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-library-grid-body[b-vgwwbfxd3o] {
    min-width: 0;
}

.skill-library-grid-name[b-vgwwbfxd3o] {
    display: block;
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
    margin-bottom: 0.2rem;
}

.skill-library-grid-name:hover[b-vgwwbfxd3o] {
    color: #93c5fd;
}

.skill-library-grid-meta[b-vgwwbfxd3o] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-library-grid-description[b-vgwwbfxd3o],
.skill-library-grid-alt[b-vgwwbfxd3o] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
}

.skill-library-grid-description[b-vgwwbfxd3o] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-library-grid-alt[b-vgwwbfxd3o] {
    color: var(--muted);
    font-size: 0.82rem;
}

.skill-library-grid-badges[b-vgwwbfxd3o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-library-count-badge[b-vgwwbfxd3o] {
    background: rgba(255, 255, 255, 0.08);
    color: var(--muted);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.skill-library-grid-tags[b-vgwwbfxd3o] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.5rem;
}

.skill-library-tag-pill[b-vgwwbfxd3o] {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.78rem;
}

.skill-library-tag-more[b-vgwwbfxd3o] {
    color: var(--muted);
    font-size: 0.78rem;
    align-self: center;
}

.skill-library-grid-actions[b-vgwwbfxd3o] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-library-pagination[b-vgwwbfxd3o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-library-pagination-meta[b-vgwwbfxd3o] {
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-library-pagination-actions[b-vgwwbfxd3o] {
    display: flex;
    gap: 0.5rem;
}

@media (max-width: 640px) {
    .skill-library-search-row[b-vgwwbfxd3o] {
        grid-template-columns: 1fr;
    }

    .skill-library-grid-card[b-vgwwbfxd3o] {
        grid-template-columns: 1fr;
    }

    .skill-library-grid-actions[b-vgwwbfxd3o] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
}
/* /Pages/SkillSuggestions.razor.rz.scp.css */
.skill-suggestions-page[b-85sapdjc42] {
    max-width: 960px;
}

.skill-suggestions-header[b-85sapdjc42] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-suggestions-title[b-85sapdjc42] {
    margin-bottom: 0.35rem;
}

.skill-suggestions-subtitle[b-85sapdjc42] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-suggestions-status[b-85sapdjc42] {
    margin-bottom: 1rem;
}

.skill-suggestions-loading[b-85sapdjc42] {
    color: var(--muted);
    padding: 2rem 0;
}

.skill-suggestions-pending-banner[b-85sapdjc42] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.skill-suggestions-tabs[b-85sapdjc42] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-suggestions-tab[b-85sapdjc42] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-suggestions-tab.active[b-85sapdjc42] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.skill-suggestions-tab-badge[b-85sapdjc42] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-suggestions-tab-count[b-85sapdjc42] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-suggestions-card[b-85sapdjc42] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-suggestions-section-title[b-85sapdjc42] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-section-intro[b-85sapdjc42],
.skill-suggestions-empty[b-85sapdjc42] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-suggestions-section-intro[b-85sapdjc42] {
    margin-bottom: 1rem;
}

.skill-suggestions-empty-state[b-85sapdjc42] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-suggestions-empty-title[b-85sapdjc42] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-suggestions-list[b-85sapdjc42] {
    display: grid;
    gap: 0.85rem;
}

.skill-suggestions-skill-card[b-85sapdjc42] {
    padding: 1rem;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

.skill-suggestions-skill-header[b-85sapdjc42] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-skill-name[b-85sapdjc42] {
    font-weight: 700;
    color: var(--text);
    text-decoration: none;
}

.skill-suggestions-skill-name:hover[b-85sapdjc42] {
    color: #93c5fd;
}

.skill-suggestions-skill-kind[b-85sapdjc42] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.skill-suggestions-skill-description[b-85sapdjc42] {
    margin: 0 0 0.65rem;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-suggestions-tags[b-85sapdjc42] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.skill-suggestions-tag[b-85sapdjc42] {
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.78rem;
}

.skill-suggestions-context[b-85sapdjc42] {
    display: block;
    color: var(--muted);
    font-size: 0.82rem;
    line-height: 1.4;
}

.skill-suggestions-context-label[b-85sapdjc42] {
    display: block;
    color: var(--muted);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}
/* /Pages/SkillTrees.razor.rz.scp.css */
.skill-trees-page[b-dvg8r9sbie] {
    max-width: 960px;
}

.skill-trees-header[b-dvg8r9sbie] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.skill-trees-title[b-dvg8r9sbie] {
    margin-bottom: 0.35rem;
}

.skill-trees-subtitle[b-dvg8r9sbie] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.skill-trees-status[b-dvg8r9sbie] {
    margin-bottom: 1rem;
}

.skill-trees-pending-banner[b-dvg8r9sbie] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(96, 165, 250, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.28);
    color: #dbeafe;
}

.skill-trees-tabs[b-dvg8r9sbie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.skill-trees-tab[b-dvg8r9sbie] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: var(--muted);
    font-weight: 600;
    font-size: 0.88rem;
}

.skill-trees-tab.active[b-dvg8r9sbie] {
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.14);
}

.skill-trees-tab-badge[b-dvg8r9sbie] {
    min-width: 1.35rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
}

.skill-trees-tab-count[b-dvg8r9sbie] {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 500;
}

.skill-trees-card[b-dvg8r9sbie] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.skill-trees-subcard[b-dvg8r9sbie] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
}

.skill-trees-card-header[b-dvg8r9sbie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-trees-section-title[b-dvg8r9sbie] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.skill-trees-section-intro[b-dvg8r9sbie],
.skill-trees-empty[b-dvg8r9sbie] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0;
}

.skill-trees-section-intro[b-dvg8r9sbie] {
    margin-bottom: 1rem;
}

.skill-trees-empty-state[b-dvg8r9sbie] {
    text-align: center;
    padding: 1.5rem 0.5rem;
}

.skill-trees-empty-title[b-dvg8r9sbie] {
    margin: 0 0 0.35rem;
    font-weight: 600;
}

.skill-trees-icon[b-dvg8r9sbie] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.25), rgba(96, 165, 250, 0.25));
    color: #fff;
    font-family: "Sora", "Segoe UI", system-ui, sans-serif;
    font-weight: 700;
    flex-shrink: 0;
    border: 2px solid rgba(52, 211, 153, 0.35);
}

.skill-trees-icon-md[b-dvg8r9sbie] {
    width: 48px;
    height: 48px;
    font-size: 1.1rem;
}

.skill-trees-list[b-dvg8r9sbie] {
    display: grid;
    gap: 0.85rem;
}

.skill-trees-row[b-dvg8r9sbie] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: start;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.skill-trees-row:last-child[b-dvg8r9sbie] {
    border-bottom: none;
    padding-bottom: 0;
}

.skill-trees-row-body[b-dvg8r9sbie] {
    min-width: 0;
}

.skill-trees-row-name[b-dvg8r9sbie] {
    display: block;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 0.2rem;
}

.skill-trees-row-meta[b-dvg8r9sbie] {
    display: block;
    color: var(--muted);
    font-size: 0.85rem;
}

.skill-trees-row-description[b-dvg8r9sbie] {
    margin: 0.5rem 0 0;
    color: var(--text);
    font-size: 0.9rem;
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.skill-trees-row-badges[b-dvg8r9sbie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.55rem;
}

.skill-trees-skill-chips[b-dvg8r9sbie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.55rem;
}

.skill-trees-skill-chip[b-dvg8r9sbie] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: var(--accent-soft);
    border: 1px solid rgba(96, 165, 250, 0.2);
    color: #dbeafe;
    font-size: 0.82rem;
    text-decoration: none;
}

.skill-trees-skill-chip:hover[b-dvg8r9sbie] {
    color: #93c5fd;
}

.skill-trees-preview[b-dvg8r9sbie] {
    margin-top: 0.55rem;
    display: grid;
    gap: 0.25rem;
}

.skill-trees-preview-item[b-dvg8r9sbie] {
    font-size: 0.85rem;
    color: var(--text);
}

.skill-trees-row-actions[b-dvg8r9sbie] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.4rem;
}

.skill-trees-form-row[b-dvg8r9sbie] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.skill-trees-search-row[b-dvg8r9sbie] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
}

.skill-trees-pagination[b-dvg8r9sbie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    font-size: 0.85rem;
    color: var(--muted);
}

.skill-trees-form-actions[b-dvg8r9sbie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.skill-trees-visualisation[b-dvg8r9sbie] {
    display: grid;
    gap: 0.3rem;
}

.skill-trees-visualisation-item[b-dvg8r9sbie] {
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    .skill-trees-row[b-dvg8r9sbie] {
        grid-template-columns: 1fr;
    }

    .skill-trees-row-actions[b-dvg8r9sbie] {
        align-items: flex-start;
        flex-direction: row;
    }

    .skill-trees-form-row[b-dvg8r9sbie],
    .skill-trees-search-row[b-dvg8r9sbie] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SubmitSkill.razor.rz.scp.css */
.submit-skill-page[b-sqauvkmtbr] {
    max-width: 720px;
}

.submit-skill-header[b-sqauvkmtbr] {
    margin-bottom: 1.25rem;
}

.submit-skill-title[b-sqauvkmtbr] {
    margin-bottom: 0.35rem;
}

.submit-skill-subtitle[b-sqauvkmtbr] {
    margin: 0;
    color: var(--muted);
    font-size: 0.95rem;
}

.submit-skill-status[b-sqauvkmtbr] {
    margin-bottom: 1rem;
}

.submit-skill-card[b-sqauvkmtbr] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 18px;
    padding: 1.25rem 1.5rem;
    box-shadow: var(--shadow);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    margin-bottom: 1rem;
}

.submit-skill-section-title[b-sqauvkmtbr] {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.submit-skill-section-intro[b-sqauvkmtbr] {
    color: var(--muted);
    font-size: 0.92rem;
    margin: 0 0 1rem;
}

.submit-skill-form-grid[b-sqauvkmtbr] {
    display: grid;
    gap: 0.85rem;
}

.submit-skill-form-row[b-sqauvkmtbr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.submit-skill-field-label[b-sqauvkmtbr] {
    display: block;
    color: var(--muted);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}

.submit-skill-actions[b-sqauvkmtbr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.submit-skill-hint[b-sqauvkmtbr] {
    color: var(--muted);
    font-size: 0.82rem;
    margin: 0.35rem 0 0;
}

@media (max-width: 640px) {
    .submit-skill-form-row[b-sqauvkmtbr] {
        grid-template-columns: 1fr;
    }
}