@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';

/* /Components/Announcements/AnnouncementItem.razor.rz.scp.css */
.announcement-card[b-68jocd6qd3] {
    margin-bottom: 0;
}

.card-wrapper[b-68jocd6qd3] {
    position: relative;
}

.card-header[b-68jocd6qd3] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.header-info[b-68jocd6qd3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.author-name[b-68jocd6qd3] {
    font-weight: 600;
    font-size: 14px;
}

.post-time[b-68jocd6qd3] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.edited-indicator[b-68jocd6qd3] {
    font-style: italic;
    color: var(--neutral-foreground-hint);
    margin-left: 4px;
}

.card-body[b-68jocd6qd3] {
    margin-bottom: 16px;
    line-height: 1.6;
}

.card-body[b-68jocd6qd3]  p {
    margin: 0 0 8px 0;
}

.card-body[b-68jocd6qd3]  p:last-child {
    margin-bottom: 0;
}

.card-body[b-68jocd6qd3]  code {
    background-color: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: var(--font-family-monospace);
}

.card-body[b-68jocd6qd3]  pre code {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.card-body[b-68jocd6qd3]  pre {
    background-color: var(--neutral-layer-3);
    padding: 12px;
    border-radius: 8px;
    overflow-x: auto;
}

.card-body[b-68jocd6qd3]  pre[data-language] {
    background-color: var(--neutral-layer-4, #1e1e1e);
    position: relative;
}

.card-body[b-68jocd6qd3]  .mention {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 500;
}

.card-body[b-68jocd6qd3]  img {
    max-width: 100%;
    border-radius: 8px;
}

.card-reactions[b-68jocd6qd3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.reaction-badge[b-68jocd6qd3] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background-color: rgba(128, 128, 128, 0.15);
    border: 1px solid transparent;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    color: inherit;
    transition: all 0.15s;
}

.reaction-badge:hover[b-68jocd6qd3] {
    background-color: rgba(128, 128, 128, 0.25);
}

.reaction-badge.reacted[b-68jocd6qd3] {
    background-color: var(--accent-fill-subtle);
    border-color: var(--accent-fill-rest);
}

.reaction-badge.small[b-68jocd6qd3] {
    padding: 2px 8px;
    font-size: 12px;
}

.card-footer[b-68jocd6qd3] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    padding-top: 12px;
}

.footer-actions[b-68jocd6qd3] {
    display: flex;
    gap: 4px;
}

.footer-btn[b-68jocd6qd3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: none;
    background: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    transition: all 0.15s;
}

.footer-btn:hover[b-68jocd6qd3] {
    background-color: var(--neutral-fill-stealth-hover);
    color: var(--neutral-foreground-rest);
}

.footer-btn.active[b-68jocd6qd3] {
    color: var(--accent-foreground-rest);
    background-color: var(--accent-fill-subtle);
}

/* Comments Section */
.comments-section[b-68jocd6qd3] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    padding-top: 16px;
    margin-top: 12px;
}

.comments-loading[b-68jocd6qd3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
}

.comment-item[b-68jocd6qd3] {
    display: flex;
    gap: 10px;
    padding: 12px 0;
}

.comment-item + .comment-item[b-68jocd6qd3] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.comment-content[b-68jocd6qd3] {
    flex: 1;
    min-width: 0;
}

.comment-header[b-68jocd6qd3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.comment-author[b-68jocd6qd3] {
    font-weight: 600;
    font-size: 13px;
}

.comment-time[b-68jocd6qd3] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.comment-delete[b-68jocd6qd3] {
    opacity: 0;
    border: none;
    background: none;
    cursor: pointer;
    padding: 2px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: opacity 0.15s;
}

.comment-item:hover .comment-delete[b-68jocd6qd3] {
    opacity: 1;
}

.comment-body[b-68jocd6qd3] {
    font-size: 14px;
    line-height: 1.5;
}

.comment-body[b-68jocd6qd3]  p {
    margin: 0;
}

.comment-reactions[b-68jocd6qd3] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.comment-input[b-68jocd6qd3] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

/* Emoji Picker */
.emoji-picker-overlay[b-68jocd6qd3] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.emoji-picker[b-68jocd6qd3] {
    position: absolute;
    bottom: 60px;
    left: 16px;
    background-color: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 4px;
    box-shadow: var(--elevation-shadow-flyout);
    z-index: 1001;
}

.emoji-option[b-68jocd6qd3] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    border-radius: 4px;
}

.emoji-option:hover[b-68jocd6qd3] {
    background-color: var(--neutral-layer-4);
}
/* /Components/Chat/ChatMessageItem.razor.rz.scp.css */
.chat-message[b-0l5dl2l7ve] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    position: relative;
    width: 100%;
}

.chat-message.own-message[b-0l5dl2l7ve] {
    align-items: flex-end;
}

.chat-message.own-message .message-content-wrapper[b-0l5dl2l7ve] {
    flex-direction: row-reverse;
}

.chat-message.pending .message-bubble[b-0l5dl2l7ve] {
    opacity: 0.7;
}

.chat-message.failed .message-bubble[b-0l5dl2l7ve] {
    border: 1px solid var(--error);
}

.message-content-wrapper[b-0l5dl2l7ve] {
    display: flex;
    gap: 12px;
    width: 100%;
    max-width: 100%;
}

.chat-message:not(.own-message) .message-content-wrapper[b-0l5dl2l7ve] {
    padding-right: 40px;
}

.chat-message.own-message .message-content-wrapper[b-0l5dl2l7ve] {
    padding-left: 40px;
}

.reply-indicator[b-0l5dl2l7ve] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    margin-bottom: 4px;
    margin-left: 44px;
    background-color: var(--neutral-layer-2);
    border-radius: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    cursor: pointer;
    max-width: fit-content;
}

.chat-message.own-message .reply-indicator[b-0l5dl2l7ve] {
    margin-left: auto;
    margin-right: 8px;
}

.reply-author[b-0l5dl2l7ve] {
    font-weight: 600;
}

.reply-preview[b-0l5dl2l7ve] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.message-bubble[b-0l5dl2l7ve] {
    background-color: var(--neutral-layer-2);
    border-radius: 12px;
    padding: 12px 16px;
    flex: 1;
    min-width: 0;
    position: relative;
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve] {
    background-color: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

.chat-message.own-message .message-time[b-0l5dl2l7ve],
.chat-message.own-message .edited-indicator[b-0l5dl2l7ve] {
    color: var(--foreground-on-accent-rest);
    opacity: 0.8;
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve]  code {
    background-color: rgba(255, 255, 255, 0.2);
    color: var(--foreground-on-accent-rest);
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve]  pre code {
    background-color: transparent;
    color: inherit;
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve]  pre:not([data-language]) {
    background-color: rgba(255, 255, 255, 0.15);
    color: var(--foreground-on-accent-rest);
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve]  pre[data-language] {
    background-color: var(--neutral-layer-4, #1e1e1e);
    color: var(--neutral-foreground-rest);
}

.chat-message.own-message .message-bubble[b-0l5dl2l7ve]  .mention {
    background-color: rgba(255, 255, 255, 0.25);
    color: var(--foreground-on-accent-rest);
}

.message-header[b-0l5dl2l7ve] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    font-size: 12px;
}

.message-author[b-0l5dl2l7ve] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.message-time[b-0l5dl2l7ve] {
    color: var(--neutral-foreground-hint);
}

.edited-indicator[b-0l5dl2l7ve] {
    font-style: italic;
    color: var(--neutral-foreground-hint);
}

.message-body[b-0l5dl2l7ve] {
    line-height: 1.5;
    word-wrap: break-word;
}

.message-body[b-0l5dl2l7ve]  p {
    margin: 0 0 8px 0;
}

.message-body[b-0l5dl2l7ve]  p:last-child {
    margin-bottom: 0;
}

.message-body[b-0l5dl2l7ve]  code {
    background-color: var(--neutral-layer-3);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: var(--font-family-monospace);
}

.message-body[b-0l5dl2l7ve]  pre code {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
}

.message-body[b-0l5dl2l7ve]  pre {
    background-color: var(--neutral-layer-3);
    padding: 12px;
    border-radius: 8px;
    overflow-x: auto;
}

.message-body[b-0l5dl2l7ve]  pre[data-language] {
    background-color: var(--neutral-layer-4, #1e1e1e);
    position: relative;
}

.message-body[b-0l5dl2l7ve]  .mention {
    background-color: var(--accent-fill-subtle);
    color: var(--accent-foreground-rest);
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 500;
}

.message-attachments[b-0l5dl2l7ve] {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.attachment-image[b-0l5dl2l7ve] {
    max-width: 300px;
    max-height: 200px;
    border-radius: 8px;
    cursor: pointer;
    object-fit: cover;
}

.file-size[b-0l5dl2l7ve] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    margin-left: 4px;
}

.message-reactions[b-0l5dl2l7ve] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 8px;
}

.reaction-badge[b-0l5dl2l7ve] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    background-color: rgba(128, 128, 128, 0.25);
    border: none;
    border-radius: 999px;
    cursor: pointer;
    font-size: 14px;
    color: inherit;
}

.reaction-badge:hover[b-0l5dl2l7ve] {
    background-color: rgba(128, 128, 128, 0.35);
}

.reaction-badge.reacted[b-0l5dl2l7ve] {
    background-color: rgba(128, 128, 128, 0.4);
}

.message-status[b-0l5dl2l7ve] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 4px;
}

.message-actions[b-0l5dl2l7ve] {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.2s;
    flex-shrink: 0;
}

.chat-message:hover .message-actions[b-0l5dl2l7ve] {
    opacity: 1;
}

.emoji-picker-overlay[b-0l5dl2l7ve] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.emoji-picker[b-0l5dl2l7ve] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 4px;
    box-shadow: var(--elevation-shadow-flyout);
    z-index: 1001;
}

.chat-message.own-message .emoji-picker[b-0l5dl2l7ve] {
    right: auto;
    left: 0;
}

.emoji-option[b-0l5dl2l7ve] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    border-radius: 4px;
}

.emoji-option:hover[b-0l5dl2l7ve] {
    background-color: var(--neutral-layer-4);
}
/* /Components/Chat/ProjectChat.razor.rz.scp.css */
.project-chat[b-l1y6kmtb2u] {
    display: flex;
    flex-direction: column;
    height: 800px;
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.chat-header[b-l1y6kmtb2u] {
    padding: 12px 16px;
    background-color: var(--neutral-layer-2);
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.chat-messages[b-l1y6kmtb2u] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    position: relative;
}

/* Custom scrollbar styling for consistency */
.chat-messages[b-l1y6kmtb2u]::-webkit-scrollbar {
    width: 8px;
}

.chat-messages[b-l1y6kmtb2u]::-webkit-scrollbar-track {
    background: var(--neutral-layer-2);
    border-radius: 4px;
}

.chat-messages[b-l1y6kmtb2u]::-webkit-scrollbar-thumb {
    background: var(--neutral-stroke-strong-rest, #888);
    border-radius: 4px;
}

.chat-messages[b-l1y6kmtb2u]::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-stroke-strong-hover, #666);
}

/* Firefox scrollbar styling */
.chat-messages[b-l1y6kmtb2u] {
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-strong-rest, #888) var(--neutral-layer-2);
}

.loading-container[b-l1y6kmtb2u], .empty-chat[b-l1y6kmtb2u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
    color: var(--neutral-foreground-hint);
}

.load-more[b-l1y6kmtb2u] {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.typing-indicator[b-l1y6kmtb2u] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

.scroll-to-bottom[b-l1y6kmtb2u] {
    position: sticky;
    bottom: 16px;
    margin-left: auto;
    margin-right: 0;
    width: fit-content;
    z-index: 10;
}

    .scroll-to-bottom[b-l1y6kmtb2u]  fluent-button::part(control) {
        border-radius: 50%;
        min-width: 48px;
        width: 48px;
        height: 48px;
        padding: 0;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .scroll-to-bottom .new-message-badge[b-l1y6kmtb2u] {
        position: absolute;
        top: -4px;
        right: -4px;
        background-color: var(--error);
        color: white;
        border-radius: 12px;
        padding: 2px 6px;
        font-size: 11px;
        font-weight: 600;
        min-width: 20px;
        text-align: center;
        pointer-events: none;
    }

.reply-bar[b-l1y6kmtb2u], .edit-bar[b-l1y6kmtb2u] {
    padding: 8px 16px;
    background-color: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-rest);
}

.attachments-bar[b-l1y6kmtb2u] {
    padding: 8px 16px;
    background-color: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-rest);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pending-attachment[b-l1y6kmtb2u] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    background-color: var(--neutral-layer-3);
    border-radius: 4px;
    font-size: 12px;
}

.chat-input[b-l1y6kmtb2u] {
    padding: 12px 16px;
    background-color: var(--neutral-layer-2);
    border-top: 1px solid var(--neutral-stroke-rest);
}

.input-area[b-l1y6kmtb2u] {
    display: flex;
    gap: 8px;
    align-items: flex-end;
}

.editor-wrapper[b-l1y6kmtb2u] {
    flex: 1;
    min-width: 0;
}

.input-actions[b-l1y6kmtb2u] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    flex-shrink: 0;
}

.attachment-button[b-l1y6kmtb2u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

    .attachment-button:hover[b-l1y6kmtb2u] {
        background-color: var(--neutral-layer-4);
    }

    .attachment-button[b-l1y6kmtb2u]  input[type="file"] {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }
/* /Components/Layout/FooterShortcutsLink.razor.rz.scp.css */
.shortcuts-link[b-lt6evhq7av] {
    position: absolute;
    left: 16px;
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    transition: color 0.15s ease;
}

.shortcuts-link:hover[b-lt6evhq7av] {
    color: var(--accent-fill-rest);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* FluentUI handles most layout styling */

.version[b-s3wpyeze84] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    text-decoration: none;
    display: flex;
    align-items: center;
    vertical-align: middle;
    gap: 6px;
}

.version:hover[b-s3wpyeze84] {
    color: var(--accent-fill-rest);
}

.version .footer-icon[b-s3wpyeze84] {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    flex-shrink: 0;
}

.env-badge[b-s3wpyeze84] {
    font-size: var(--type-ramp-minus-2-font-size);
    font-weight: 600;
    padding: 2px 6px;
    border-radius: var(--control-corner-radius);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.env-development[b-s3wpyeze84] {
    background: color-mix(in srgb, #22c55e 15%, transparent);
    color: #22c55e;
}

.env-qa[b-s3wpyeze84] {
    background: color-mix(in srgb, #f59e0b 15%, transparent);
    color: #f59e0b;
}

.env-staging[b-s3wpyeze84] {
    background: color-mix(in srgb, #8b5cf6 15%, transparent);
    color: #8b5cf6;
}

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

    #blazor-error-ui .dismiss[b-s3wpyeze84] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* FluentUI handles navigation styling */
/* Scoped CSS kept for any custom overrides */
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1usadr9a1o],
.components-reconnect-repeated-attempt-visible[b-1usadr9a1o],
.components-reconnect-failed-visible[b-1usadr9a1o],
.components-pause-visible[b-1usadr9a1o],
.components-resume-failed-visible[b-1usadr9a1o],
.components-rejoining-animation[b-1usadr9a1o] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-retrying[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-failed[b-1usadr9a1o],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-1usadr9a1o] {
    display: block;
}


#components-reconnect-modal[b-1usadr9a1o] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1usadr9a1o 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-1usadr9a1o 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-1usadr9a1o 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-1usadr9a1o]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-1usadr9a1o 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-1usadr9a1o {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-1usadr9a1o {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-1usadr9a1o {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-1usadr9a1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-1usadr9a1o] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-1usadr9a1o] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-1usadr9a1o] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-1usadr9a1o] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-1usadr9a1o] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-1usadr9a1o] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1usadr9a1o 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-1usadr9a1o] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-1usadr9a1o {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/ApiAccess.razor.rz.scp.css */
.api-access-container[b-cfg89lx7yl] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.api-access-container[b-cfg89lx7yl]  .page-breadcrumb {
    max-width: 700px;
    margin: 0 auto;
}

.api-access-container h1[b-cfg89lx7yl] {
    max-width: 700px;
    margin: 16px auto 24px auto;
}

.api-access-container h3[b-cfg89lx7yl],
.api-access-container h4[b-cfg89lx7yl] {
    font-weight: 600;
}

.api-access-container pre[b-cfg89lx7yl] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.api-access-container code[b-cfg89lx7yl] {
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 13px;
}
/* /Components/Pages/Account/ChangePassword.razor.rz.scp.css */
.change-password-container[b-rg2eelvkq6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 24px;
}

.change-password-panel[b-rg2eelvkq6] {
    width: 100%;
    max-width: 420px;
    background: var(--neutral-layer-card-container);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 48px 40px;
}

.change-password-header[b-rg2eelvkq6] {
    text-align: center;
    margin-bottom: 32px;
}

.change-password-header h1[b-rg2eelvkq6] {
    margin: 16px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.change-password-subtitle[b-rg2eelvkq6] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: var(--type-ramp-base-font-size);
}

.change-password-form[b-rg2eelvkq6] {
    margin-bottom: 24px;
}

.form-field[b-rg2eelvkq6] {
    width: 100%;
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login-container[b-a96ffmbovx] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 24px;
}

.login-panel[b-a96ffmbovx] {
    width: 100%;
    max-width: 420px;
    background: var(--neutral-layer-card-container);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 48px 40px;
}

.login-header[b-a96ffmbovx] {
    text-align: center;
    margin-bottom: 32px;
}

.login-header h1[b-a96ffmbovx] {
    margin: 16px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.login-subtitle[b-a96ffmbovx] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 14px;
}

.login-form-container[b-a96ffmbovx] {
    margin-bottom: 24px;
}

.form-field[b-a96ffmbovx] {
    width: 100%;
}

.register-prompt[b-a96ffmbovx] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.login-footer[b-a96ffmbovx] {
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.login-footer p[b-a96ffmbovx] {
    margin: 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Account/LoginWith2fa.razor.rz.scp.css */
.login-container[b-7pmqnkn5hh] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 24px;
}

.login-panel[b-7pmqnkn5hh] {
    width: 100%;
    max-width: 420px;
    background: var(--neutral-layer-card-container);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 48px 40px;
}

.login-header[b-7pmqnkn5hh] {
    text-align: center;
    margin-bottom: 32px;
}

.login-header h1[b-7pmqnkn5hh] {
    margin: 16px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.login-subtitle[b-7pmqnkn5hh] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 14px;
}

.login-form-container[b-7pmqnkn5hh] {
    margin-bottom: 24px;
}

.form-field[b-7pmqnkn5hh] {
    width: 100%;
}

.register-prompt[b-7pmqnkn5hh] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.login-footer[b-7pmqnkn5hh] {
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.login-footer p[b-7pmqnkn5hh] {
    margin: 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Account/LoginWithRecoveryCode.razor.rz.scp.css */
.login-container[b-upm0l94j95] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(100vh - 120px);
    padding: 24px;
}

.login-panel[b-upm0l94j95] {
    width: 100%;
    max-width: 420px;
    background: var(--neutral-layer-card-container);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.1);
    padding: 48px 40px;
}

.login-header[b-upm0l94j95] {
    text-align: center;
    margin-bottom: 32px;
}

.login-header h1[b-upm0l94j95] {
    margin: 16px 0 8px 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.login-subtitle[b-upm0l94j95] {
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-size: 14px;
}

.login-form-container[b-upm0l94j95] {
    margin-bottom: 24px;
}

.form-field[b-upm0l94j95] {
    width: 100%;
}

.register-prompt[b-upm0l94j95] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.login-footer[b-upm0l94j95] {
    text-align: center;
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.login-footer p[b-upm0l94j95] {
    margin: 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Account/Profile.razor.rz.scp.css */
.profile-container[b-s0auel787p] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.profile-container[b-s0auel787p]  .page-breadcrumb {
    max-width: 600px;
    margin: 0 auto;
}

.profile-container h1[b-s0auel787p] {
    max-width: 600px;
    margin: 16px auto 24px auto;
}

.profile-photo img[b-s0auel787p] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    object-fit: cover;
}

.profile-form h3[b-s0auel787p],
.profile-details h3[b-s0auel787p],
.api-access-link h3[b-s0auel787p],
.settings-link h3[b-s0auel787p] {
    margin: 0 0 16px 0;
    font-size: 16px;
    font-weight: 600;
}
/* /Components/Pages/Account/Settings.razor.rz.scp.css */
.settings-container[b-28zu5uz5to] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.settings-container[b-28zu5uz5to]  .page-breadcrumb {
    max-width: 700px;
    margin: 0 auto;
}

.settings-container h1[b-28zu5uz5to] {
    max-width: 700px;
    margin: 16px auto 24px auto;
}

.settings-section h3[b-28zu5uz5to] {
    margin: 0 0 4px 0;
    font-size: 18px;
    font-weight: 600;
}

.section-description[b-28zu5uz5to] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.setting-item[b-28zu5uz5to] {
    padding: 12px;
    background: var(--neutral-layer-2);
    border-radius: 4px;
}

.setting-description[b-28zu5uz5to] {
    margin: 4px 0 0 0;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
}
/* /Components/Pages/Account/TwoFactor.razor.rz.scp.css */
.two-factor-container[b-j7fdb37v3l] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.two-factor-container[b-j7fdb37v3l]  .page-breadcrumb {
    max-width: 700px;
    margin: 0 auto;
}

.two-factor-container h1[b-j7fdb37v3l] {
    max-width: 700px;
    margin: 16px auto 24px auto;
}

.two-factor-container h3[b-j7fdb37v3l],
.two-factor-container h4[b-j7fdb37v3l] {
    font-weight: 600;
}

.qr-code-section[b-j7fdb37v3l] {
    display: flex;
    justify-content: center;
    padding: 16px 0;
}

.qr-code-image[b-j7fdb37v3l] {
    width: 200px;
    height: 200px;
    image-rendering: pixelated;
}

.manual-key-display[b-j7fdb37v3l] {
    background: var(--neutral-layer-4);
    padding: 12px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 14px;
    letter-spacing: 2px;
    word-break: break-all;
    position: relative;
}

.recovery-codes-grid[b-j7fdb37v3l] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.recovery-code[b-j7fdb37v3l] {
    background: var(--neutral-layer-4);
    padding: 8px 12px;
    border-radius: 4px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 14px;
    text-align: center;
}
/* /Components/Pages/Administration/Administration.razor.rz.scp.css */
.administration-container[b-djgnu4gusr] {
    padding: 24px;
}

.administration-header[b-djgnu4gusr] {
    max-width: 1200px;
    margin: 0 auto;
}

.tab-content[b-djgnu4gusr] {
    padding-top: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.tab-content-wide[b-djgnu4gusr] {
    padding-top: 24px;
}

[b-djgnu4gusr] .fluent-tab-icon {
    margin-right: 6px;
}

[b-djgnu4gusr] fluent-tabs::part(tablist) {
    max-width: 1200px;
    margin: 0 auto;
}
/* /Components/Pages/Administration/LogExplorer.razor.rz.scp.css */
.log-explorer-container[b-4b172cfwg9] {
    padding: 0;
}

/* Filter field labels on top */
.filter-field[b-4b172cfwg9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-label[b-4b172cfwg9] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-rest);
    font-weight: 600;
}

/* Grid row cursor */
[b-4b172cfwg9] .hover:not([row-type='header']) {
    cursor: pointer;
}

/* Timestamp */
.log-timestamp[b-4b172cfwg9] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.8em;
    color: var(--neutral-foreground-hint);
}

/* Level badges */
.log-level[b-4b172cfwg9] {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 4px;
    font-size: 0.75em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.log-level-verbose[b-4b172cfwg9] {
    background: color-mix(in srgb, var(--neutral-foreground-hint) 15%, transparent);
    color: var(--neutral-foreground-hint);
}

.log-level-debug[b-4b172cfwg9] {
    background: color-mix(in srgb, var(--neutral-foreground-hint) 20%, transparent);
    color: var(--neutral-foreground-rest);
}

.log-level-information[b-4b172cfwg9] {
    background: color-mix(in srgb, var(--accent-fill-rest) 20%, transparent);
    color: var(--accent-foreground-rest);
}

.log-level-warning[b-4b172cfwg9] {
    background: color-mix(in srgb, #f0ad4e 20%, transparent);
    color: #c68b00;
}

.log-level-error[b-4b172cfwg9] {
    background: color-mix(in srgb, #d9534f 20%, transparent);
    color: #d9534f;
}

.log-level-fatal[b-4b172cfwg9] {
    background: color-mix(in srgb, #d9534f 35%, transparent);
    color: #d9534f;
    font-weight: 700;
}

/* Message */
.log-message[b-4b172cfwg9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85em;
}

.log-message-error[b-4b172cfwg9] {
    color: #d9534f;
}

/* Trace ID clickable link */
.log-trace[b-4b172cfwg9] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.8em;
    color: var(--accent-foreground-rest);
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.log-trace:hover[b-4b172cfwg9] {
    text-decoration-style: solid;
}

/* Detail panel - slide in from right */
.log-detail-overlay[b-4b172cfwg9] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 100;
}

.log-detail-panel[b-4b172cfwg9] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(700px, 90vw);
    background: var(--neutral-layer-1);
    border-left: 1px solid var(--neutral-stroke-rest);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    z-index: 101;
    padding: 24px;
    overflow-y: auto;
    animation: slideIn-b-4b172cfwg9 0.2s ease-out;
}

@keyframes slideIn-b-4b172cfwg9 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.log-detail-content[b-4b172cfwg9] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.detail-section[b-4b172cfwg9] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.detail-row[b-4b172cfwg9] {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

.detail-label[b-4b172cfwg9] {
    font-size: 0.8em;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 100px;
    flex-shrink: 0;
}

.detail-code[b-4b172cfwg9] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.85em;
    background: var(--neutral-layer-2);
    padding: 2px 8px;
    border-radius: 4px;
    word-break: break-all;
}

.detail-pre[b-4b172cfwg9] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.82em;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 12px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 300px;
    overflow-y: auto;
}

.detail-pre-secondary[b-4b172cfwg9] {
    color: var(--neutral-foreground-hint);
}

.detail-pre-error[b-4b172cfwg9] {
    border-color: color-mix(in srgb, #d9534f 40%, transparent);
    color: #d9534f;
}

.detail-pre-json[b-4b172cfwg9] {
    max-height: 400px;
}
/* /Components/Pages/Administration/TraceTimelinePanel.razor.rz.scp.css */
/* Trace summary */
.trace-summary[b-x406o9y49h] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.trace-summary-row[b-x406o9y49h] {
    display: flex;
    gap: 12px;
    align-items: baseline;
}

.trace-summary-label[b-x406o9y49h] {
    font-size: 0.8em;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 80px;
    flex-shrink: 0;
}

.trace-id-value[b-x406o9y49h] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.85em;
    word-break: break-all;
}

/* Span groups */
.span-group[b-x406o9y49h] {
    margin-bottom: 20px;
}

.span-header[b-x406o9y49h] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.span-color-bar[b-x406o9y49h] {
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background: var(--span-color);
    flex-shrink: 0;
}

.span-id[b-x406o9y49h] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.82em;
    font-weight: 600;
}

.span-entry-count[b-x406o9y49h] {
    font-size: 0.8em;
    color: var(--neutral-foreground-hint);
}

/* Timeline track */
.timeline-track[b-x406o9y49h] {
    position: relative;
    padding-left: 20px;
    margin-left: 8px;
    border-left: 2px solid color-mix(in srgb, var(--span-color) 40%, transparent);
}

/* Timeline entry */
.timeline-entry[b-x406o9y49h] {
    position: relative;
    padding: 6px 10px;
    margin-bottom: 2px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.1s;
}

.timeline-entry:hover[b-x406o9y49h] {
    background: var(--neutral-fill-secondary-hover);
}

.timeline-entry.expanded[b-x406o9y49h] {
    background: var(--neutral-fill-secondary-rest);
}

.timeline-dot[b-x406o9y49h] {
    position: absolute;
    left: -25px;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--span-color);
    border: 2px solid var(--neutral-layer-1);
}

.timeline-entry-error .timeline-dot[b-x406o9y49h] {
    background: #d9534f;
}

.timeline-entry-content[b-x406o9y49h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.timeline-entry-header[b-x406o9y49h] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.timeline-offset[b-x406o9y49h] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.75em;
    color: var(--neutral-foreground-hint);
    min-width: 60px;
    flex-shrink: 0;
}

.timeline-entry-message[b-x406o9y49h] {
    font-size: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--neutral-foreground-rest);
}

.timeline-entry-error .timeline-entry-message[b-x406o9y49h] {
    color: #d9534f;
}

/* Level badges (duplicated from LogExplorer since CSS isolation scopes per component) */
.log-level[b-x406o9y49h] {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 3px;
    font-size: 0.7em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.log-level-verbose[b-x406o9y49h] {
    background: color-mix(in srgb, var(--neutral-foreground-hint) 15%, transparent);
    color: var(--neutral-foreground-hint);
}

.log-level-debug[b-x406o9y49h] {
    background: color-mix(in srgb, var(--neutral-foreground-hint) 20%, transparent);
    color: var(--neutral-foreground-rest);
}

.log-level-information[b-x406o9y49h] {
    background: color-mix(in srgb, var(--accent-fill-rest) 20%, transparent);
    color: var(--accent-foreground-rest);
}

.log-level-warning[b-x406o9y49h] {
    background: color-mix(in srgb, #f0ad4e 20%, transparent);
    color: #c68b00;
}

.log-level-error[b-x406o9y49h] {
    background: color-mix(in srgb, #d9534f 20%, transparent);
    color: #d9534f;
}

.log-level-fatal[b-x406o9y49h] {
    background: color-mix(in srgb, #d9534f 35%, transparent);
    color: #d9534f;
    font-weight: 700;
}

/* Expanded entry detail */
.timeline-entry-detail[b-x406o9y49h] {
    margin-top: 8px;
    padding: 10px 12px;
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-field[b-x406o9y49h] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-field-label[b-x406o9y49h] {
    font-size: 0.75em;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.detail-field-value[b-x406o9y49h] {
    font-size: 0.85em;
}

.mono[b-x406o9y49h] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
}

.detail-field-pre[b-x406o9y49h] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: 0.8em;
    background: var(--neutral-layer-3);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    padding: 8px;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 200px;
    overflow-y: auto;
}

.detail-field-pre-error[b-x406o9y49h] {
    border-color: color-mix(in srgb, #d9534f 40%, transparent);
    color: #d9534f;
}
/* /Components/Pages/Administration/UsersTab.razor.rz.scp.css */
[b-dk6gl457ln] .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Announcements/Announcements.razor.rz.scp.css */
.announcements-page[b-twufce38tm] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.compose-section[b-twufce38tm] {
    margin-bottom: 24px;
}

.compose-editor[b-twufce38tm] {
    min-height: 150px;
}

.compose-editor[b-twufce38tm]  .rich-text-editor.full {
    min-height: 150px;
}

.announcements-feed[b-twufce38tm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.load-more[b-twufce38tm] {
    display: flex;
    justify-content: center;
    padding: 16px;
}
/* /Components/Pages/Changelog/ChangelogIndex.razor.rz.scp.css */
.changelog-container[b-4ktfqlzjg5] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.version-heading[b-4ktfqlzjg5] {
    font-size: var(--type-ramp-plus-3-font-size);
    font-weight: 600;
    margin: 0 0 12px 0;
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.version-heading a[b-4ktfqlzjg5] {
    color: var(--neutral-foreground-rest);
    text-decoration: none;
}

.version-heading a:hover[b-4ktfqlzjg5] {
    color: var(--accent-fill-rest);
}

.version-date[b-4ktfqlzjg5] {
    font-size: var(--type-ramp-minus-1-font-size);
    font-weight: 400;
    color: var(--neutral-foreground-hint);
}

.changelog-content[b-4ktfqlzjg5]  h3 {
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: 600;
    margin: 16px 0 8px 0;
    color: var(--accent-fill-rest);
}

.changelog-content[b-4ktfqlzjg5]  ul {
    margin: 0 0 16px 0;
    padding-left: 24px;
}

.changelog-content[b-4ktfqlzjg5]  li {
    margin-bottom: 4px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

.changelog-content[b-4ktfqlzjg5]  p {
    margin: 8px 0;
    line-height: 1.6;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Changelog/ChangelogVersion.razor.rz.scp.css */
.changelog-container[b-g9otvxn73e] {
    padding: 24px;
    max-width: 900px;
    margin: 0 auto;
}

.changelog-content[b-g9otvxn73e]  h3 {
    font-size: var(--type-ramp-plus-1-font-size);
    font-weight: 600;
    margin: 16px 0 8px 0;
    color: var(--accent-fill-rest);
}

.changelog-content[b-g9otvxn73e]  ul {
    margin: 0 0 16px 0;
    padding-left: 24px;
}

.changelog-content[b-g9otvxn73e]  li {
    margin-bottom: 4px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

.changelog-content[b-g9otvxn73e]  p {
    margin: 8px 0;
    line-height: 1.6;
    color: var(--neutral-foreground-hint);
}
/* /Components/Pages/Documents/EditDocument.razor.rz.scp.css */
.edit-document-container[b-kzgz09edcy] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px;
}

.page-header[b-kzgz09edcy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-actions[b-kzgz09edcy] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.document-form[b-kzgz09edcy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    width: 100%;
}

.form-field[b-kzgz09edcy] {
    width: 100%;
}

.form-field[b-kzgz09edcy]  fluent-text-field,
.form-field[b-kzgz09edcy]  fluent-text-area {
    width: 100%;
}
/* /Components/Pages/Documents/ProjectDocuments.razor.rz.scp.css */
.documents-container[b-u14b7v066i] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.documents-layout[b-u14b7v066i] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 24px;
}

.folder-sidebar[b-u14b7v066i] {
    border-right: 1px solid var(--neutral-stroke-rest);
    padding-right: 16px;
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}

.folder-tree-item[b-u14b7v066i] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.1s;
}

.folder-tree-item:hover[b-u14b7v066i] {
    background-color: var(--neutral-fill-secondary-hover);
}

.tree-chevron[b-u14b7v066i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.folder-tree-item.active[b-u14b7v066i] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 15%, transparent);
    color: var(--accent-fill-rest);
    font-weight: 600;
    border-left: 3px solid var(--accent-fill-rest);
    padding-left: 5px;
}

.documents-content[b-u14b7v066i] {
    min-width: 0;
}

.folder-cards[b-u14b7v066i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 24px;
}

.folder-card[b-u14b7v066i] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
}

.folder-card:hover[b-u14b7v066i] {
    background-color: var(--neutral-fill-secondary-hover);
    border-color: var(--accent-fill-rest);
}

.folder-actions[b-u14b7v066i] {
    opacity: 0;
    transition: opacity 0.15s;
    flex-shrink: 0;
}

.folder-card:hover .folder-actions[b-u14b7v066i] {
    opacity: 1;
}


.empty-state[b-u14b7v066i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 8px;
}

.empty-state h3[b-u14b7v066i] {
    margin: 8px 0 0 0;
}

.upload-area[b-u14b7v066i] {
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

.upload-area:hover[b-u14b7v066i] {
    border-color: var(--accent-fill-rest);
    background-color: var(--neutral-fill-secondary-hover);
}

.upload-label[b-u14b7v066i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
}

[b-u14b7v066i] .move-folder-item {
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.1s;
}

[b-u14b7v066i] .move-folder-item:hover {
    background-color: var(--neutral-fill-secondary-hover);
}

[b-u14b7v066i] .move-folder-item.selected {
    background-color: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

[b-u14b7v066i] .tag-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 12px;
    font-size: 11px;
    background: color-mix(in srgb, var(--tag-color) 15%, transparent);
    color: var(--neutral-foreground-rest);
    max-width: 120px;
}

[b-u14b7v066i] .tag-color-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tag-color);
    flex-shrink: 0;
}

[b-u14b7v066i] .tag-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-u14b7v066i] .hover:not([row-type='header']) {
    cursor: pointer;
}

@media (max-width: 768px) {
    .documents-layout[b-u14b7v066i] {
        grid-template-columns: 1fr;
    }

    .folder-sidebar[b-u14b7v066i] {
        display: none;
    }

    .folder-cards[b-u14b7v066i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Documents/ViewDocument.razor.rz.scp.css */
.view-document-container[b-cxok81jzd7] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px;
}

.page-header[b-cxok81jzd7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-actions[b-cxok81jzd7] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.document-description[b-cxok81jzd7] {
    margin: -8px 0 24px 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.document-body[b-cxok81jzd7] {
    padding: 24px;
    line-height: 1.7;
    color: var(--neutral-foreground-rest);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.document-body[b-cxok81jzd7]  h1,
.document-body[b-cxok81jzd7]  h2,
.document-body[b-cxok81jzd7]  h3,
.document-body[b-cxok81jzd7]  h4,
.document-body[b-cxok81jzd7]  h5,
.document-body[b-cxok81jzd7]  h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.document-body[b-cxok81jzd7]  h1:first-child,
.document-body[b-cxok81jzd7]  h2:first-child,
.document-body[b-cxok81jzd7]  h3:first-child {
    margin-top: 0;
}

.document-body[b-cxok81jzd7]  p {
    margin: 0 0 1em 0;
}

.document-body[b-cxok81jzd7]  ul,
.document-body[b-cxok81jzd7]  ol {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
}

.document-body[b-cxok81jzd7]  li {
    margin-bottom: 0.25em;
}

.document-body[b-cxok81jzd7]  blockquote {
    margin: 0 0 1em 0;
    padding: 8px 16px;
    border-left: 4px solid var(--accent-fill-rest);
    background: var(--neutral-fill-secondary-rest);
    border-radius: 0 4px 4px 0;
}

.document-body[b-cxok81jzd7]  a {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.document-body[b-cxok81jzd7]  a:hover {
    color: var(--accent-fill-hover);
}

.document-body[b-cxok81jzd7]  img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.document-body[b-cxok81jzd7]  pre {
    margin: 0 0 1em 0;
    padding: 16px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 6px;
    overflow-x: auto;
    font-size: 13px;
    line-height: 1.5;
}

.document-body[b-cxok81jzd7]  pre[data-language] {
    background-color: var(--neutral-layer-4, #1e1e1e);
    padding: 12px;
    border-radius: 8px;
    position: relative;
}

.document-body[b-cxok81jzd7]  code {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.9em;
}

.document-body[b-cxok81jzd7]  :not(pre) > code {
    padding: 2px 6px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 4px;
}

.document-body[b-cxok81jzd7]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1em 0;
}

.document-body[b-cxok81jzd7]  th,
.document-body[b-cxok81jzd7]  td {
    padding: 8px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    text-align: left;
}

.document-body[b-cxok81jzd7]  th {
    background: var(--neutral-fill-secondary-rest);
    font-weight: 600;
}

.document-body[b-cxok81jzd7]  hr {
    border: none;
    border-top: 1px solid var(--neutral-stroke-rest);
    margin: 1.5em 0;
}
/* /Components/Pages/Epics/EpicDetail.razor.rz.scp.css */
.epic-detail-container[b-btlizu04i2] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.priority-indicator[b-btlizu04i2] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.priority-indicator.priority-critical[b-btlizu04i2] {
    background-color: #fde7e9;
    color: #d13438;
}

.priority-indicator.priority-high[b-btlizu04i2] {
    background-color: #fed9cc;
    color: #ca5010;
}

.priority-indicator.priority-medium[b-btlizu04i2] {
    background-color: #fff4ce;
    color: #8a7600;
}

.priority-indicator.priority-low[b-btlizu04i2] {
    background-color: #d0e7ff;
    color: #0078d4;
}

.type-indicator[b-btlizu04i2] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-btlizu04i2] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-btlizu04i2] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-btlizu04i2] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-btlizu04i2] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-btlizu04i2] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

[b-btlizu04i2] .overdue {
    color: var(--error);
    font-weight: 600;
}
/* /Components/Pages/Epics/EpicList.razor.rz.scp.css */
.epic-list-container[b-qdhq7sh3s1] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.epic-list-container[b-qdhq7sh3s1]  .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-ril4mmmve6] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Summary cards */
.summary-cards[b-ril4mmmve6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

[b-ril4mmmve6] .summary-card {
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

[b-ril4mmmve6] .summary-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.summary-value[b-ril4mmmve6] {
    font-size: 32px;
    font-weight: 700;
    color: var(--accent-fill-rest);
    line-height: 1.2;
}

.summary-value.overdue[b-ril4mmmve6] {
    color: var(--error);
}

.summary-label[b-ril4mmmve6] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

/* Main content layout */
.dashboard-content[b-ril4mmmve6] {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
    align-items: start;
}

/* Section headers */
.section-header[b-ril4mmmve6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.section-header h2[b-ril4mmmve6] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

/* Data grid clickable rows */
.dashboard-left[b-ril4mmmve6]  .hover:not([row-type='header']) {
    cursor: pointer;
}

/* Priority indicators */
.priority-indicator[b-ril4mmmve6] {
    font-size: 13px;
    font-weight: 500;
}

.priority-indicator.critical[b-ril4mmmve6] {
    color: var(--error);
    font-weight: 600;
}

.priority-indicator.high[b-ril4mmmve6] {
    color: #d83b01;
}

.priority-indicator.medium[b-ril4mmmve6] {
    color: #ffb900;
}

.priority-indicator.low[b-ril4mmmve6] {
    color: var(--neutral-foreground-hint);
}

/* Due dates */
.due-date[b-ril4mmmve6] {
    font-size: 13px;
}

.due-date.overdue[b-ril4mmmve6] {
    color: var(--error);
    font-weight: 600;
}

.due-date.warning[b-ril4mmmve6] {
    color: #d83b01;
    font-weight: 500;
}

/* Sprint items */
.sprint-item[b-ril4mmmve6] {
    cursor: pointer;
    transition: background-color 0.15s;
    padding: 14px;
    border-radius: 4px;
}

.sprint-item:hover[b-ril4mmmve6] {
    background-color: var(--neutral-layer-2);
}

.sprint-item + .sprint-item[b-ril4mmmve6] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.sprint-name[b-ril4mmmve6] {
    font-weight: 600;
    font-size: 14px;
}

.sprint-project[b-ril4mmmve6] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}

.sprint-progress[b-ril4mmmve6] {
    margin-top: 10px;
}

.sprint-progress-text[b-ril4mmmve6] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
    display: block;
}

.days-remaining[b-ril4mmmve6] {
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 4px;
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    flex-shrink: 0;
}

.days-remaining.urgent[b-ril4mmmve6] {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

/* Notification items */
.notification-item[b-ril4mmmve6] {
    padding: 12px 14px;
    border-left: 3px solid transparent;
    cursor: pointer;
    transition: background-color 0.15s;
    border-radius: 4px;
}

.notification-item:hover[b-ril4mmmve6] {
    background-color: var(--neutral-layer-2);
}

.notification-item.unread[b-ril4mmmve6] {
    border-left-color: var(--accent-fill-rest);
}

.notification-item + .notification-item[b-ril4mmmve6] {
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.notification-title[b-ril4mmmve6] {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 2px;
}

.notification-message[b-ril4mmmve6] {
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-time[b-ril4mmmve6] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 1024px) {
    .summary-cards[b-ril4mmmve6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-content[b-ril4mmmve6] {
        grid-template-columns: 1fr;
    }
}

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

    .dashboard-container[b-ril4mmmve6] {
        padding: 16px;
    }
}
/* /Components/Pages/Ideas/Admin/ScoringConfig.razor.rz.scp.css */
.scoring-container[b-mi8f6gzgw3] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.pending-bar[b-mi8f6gzgw3] {
    background: color-mix(in srgb, var(--success) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--success) 40%, transparent);
    border-radius: var(--layer-corner-radius);
    padding: 12px 16px;
    margin-bottom: 16px;
}

.pending-bar-invalid[b-mi8f6gzgw3] {
    background: color-mix(in srgb, var(--warning) 10%, transparent);
    border-color: color-mix(in srgb, var(--warning) 40%, transparent);
}

.pending-text[b-mi8f6gzgw3] {
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.weight-total[b-mi8f6gzgw3] {
    font-size: 14px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: var(--control-corner-radius);
}

.weight-total-valid[b-mi8f6gzgw3] {
    color: var(--success);
    background: color-mix(in srgb, var(--success) 12%, transparent);
}

.weight-total-invalid[b-mi8f6gzgw3] {
    color: var(--warning);
    background: color-mix(in srgb, var(--warning) 12%, transparent);
}

.weight-sliders[b-mi8f6gzgw3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.weight-row[b-mi8f6gzgw3] {
    display: grid;
    grid-template-columns: 140px 1fr 40px;
    align-items: center;
    gap: 12px;
}

.weight-row label[b-mi8f6gzgw3] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.weight-value[b-mi8f6gzgw3] {
    font-size: 14px;
    font-weight: 600;
    text-align: right;
    color: var(--accent-foreground-rest);
}

.preview-list[b-mi8f6gzgw3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.preview-row[b-mi8f6gzgw3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
}

.preview-row:nth-child(odd)[b-mi8f6gzgw3] {
    background: var(--neutral-fill-secondary-rest);
}

.preview-rank[b-mi8f6gzgw3] {
    font-size: 13px;
    font-weight: 700;
    color: var(--accent-foreground-rest);
    min-width: 28px;
}

.preview-title[b-mi8f6gzgw3] {
    flex: 1;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-score[b-mi8f6gzgw3] {
    font-size: 13px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
}

.formula-section h4[b-mi8f6gzgw3] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.formula-box[b-mi8f6gzgw3] {
    background: var(--neutral-layer-2);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--control-corner-radius);
    padding: 12px 16px;
    margin-bottom: 8px;
    overflow-x: auto;
}

.formula-box code[b-mi8f6gzgw3] {
    font-size: 13px;
    color: var(--accent-foreground-rest);
    white-space: nowrap;
}

.formula-note[b-mi8f6gzgw3] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin: 4px 0 0;
}

.factor-table[b-mi8f6gzgw3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.factor-row[b-mi8f6gzgw3] {
    display: grid;
    grid-template-columns: 120px 1fr 1fr 80px;
    gap: 12px;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 13px;
    align-items: center;
}

.factor-row:nth-child(even)[b-mi8f6gzgw3] {
    background: var(--neutral-fill-secondary-rest);
}

.factor-header[b-mi8f6gzgw3] {
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    padding-bottom: 8px;
    background: none !important;
}

.factor-name[b-mi8f6gzgw3] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.factor-weight[b-mi8f6gzgw3] {
    text-align: center;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.formula-details[b-mi8f6gzgw3] {
    margin: 0;
    padding-left: 20px;
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.formula-details li[b-mi8f6gzgw3] {
    margin-bottom: 4px;
}

@media (max-width: 768px) {
    .factor-row[b-mi8f6gzgw3] {
        grid-template-columns: 100px 1fr;
    }

    .factor-header span:nth-child(n+3)[b-mi8f6gzgw3],
    .factor-row span:nth-child(n+3)[b-mi8f6gzgw3] {
        display: none;
    }
}
/* /Components/Pages/Ideas/IdeaCard.razor.rz.scp.css */
.idea-card[b-g3janykb1m] {
    display: flex;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-card-container);
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.idea-card:hover[b-g3janykb1m] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-color: var(--accent-stroke-control-rest);
}

.vote-section[b-g3janykb1m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 48px;
}

.vote-count[b-g3janykb1m] {
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

[b-g3janykb1m] .vote-button {
    min-width: 36px;
    height: 36px;
}

.idea-content[b-g3janykb1m] {
    flex: 1;
    min-width: 0;
}

.idea-header[b-g3janykb1m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    flex-wrap: wrap;
}

.idea-number[b-g3janykb1m] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
    cursor: pointer;
    border-radius: 4px;
    padding: 1px 4px;
    transition: background 0.15s ease, color 0.15s ease;
}

.idea-number:hover[b-g3janykb1m] {
    background: var(--neutral-layer-floating);
    color: var(--accent-foreground-rest);
}

.idea-title[b-g3janykb1m] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    flex: 1;
    min-width: 0;
}

.idea-description[b-g3janykb1m] {
    margin: 4px 0 8px;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

.idea-footer[b-g3janykb1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.idea-categories[b-g3janykb1m] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.category-badge[b-g3janykb1m] {
    background-color: color-mix(in srgb, var(--cat-color) 15%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--cat-color) 35%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.idea-meta[b-g3janykb1m] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.meta-item[b-g3janykb1m] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.promoted-badge[b-g3janykb1m] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    font-size: 12px;
    color: var(--accent-foreground-rest);
    font-weight: 500;
}

.allocation-section[b-g3janykb1m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    min-width: 56px;
    padding-left: 12px;
    border-left: 1px solid var(--neutral-stroke-divider-rest);
    align-self: center;
}

.allocation-badge[b-g3janykb1m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
}

.allocation-points[b-g3janykb1m] {
    font-size: 18px;
    font-weight: 700;
    color: var(--accent-foreground-rest);
}

.allocation-label[b-g3janykb1m] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    font-weight: 500;
}

[b-g3janykb1m] .allocate-button {
    min-width: 36px;
    height: 36px;
}
/* /Components/Pages/Ideas/IdeaDetail.razor.rz.scp.css */
.idea-global-number[b-p1aqhqmemn] {
    color: var(--neutral-foreground-hint);
    font-size: 0.7em;
    cursor: pointer;
    border-radius: 4px;
    padding: 1px 4px;
    transition: background 0.15s ease, color 0.15s ease;
}

.idea-global-number:hover[b-p1aqhqmemn] {
    background: var(--neutral-layer-floating);
    color: var(--accent-foreground-rest);
}

.idea-detail-container[b-p1aqhqmemn] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Vote sidebar */
.vote-count-large[b-p1aqhqmemn] {
    font-size: 36px;
    font-weight: 700;
    color: var(--accent-fill-rest);
    line-height: 1;
}

.voter-avatars[b-p1aqhqmemn] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
}

.more-voters[b-p1aqhqmemn] {
    font-size: 12px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    padding: 2px 6px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 12px;
}

/* Categories */
.category-badge[b-p1aqhqmemn] {
    display: inline-block;
    padding: 2px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 500;
    background: color-mix(in srgb, var(--cat-color, var(--accent-fill-rest)) 15%, transparent);
    color: var(--cat-color, var(--accent-fill-rest));
    border: 1px solid color-mix(in srgb, var(--cat-color, var(--accent-fill-rest)) 30%, transparent);
}

/* Comments */
.add-comment[b-p1aqhqmemn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.comment-list[b-p1aqhqmemn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment-item[b-p1aqhqmemn] {
    display: flex;
    gap: 10px;
    padding: 12px 0;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.comment-body[b-p1aqhqmemn] {
    flex: 1;
    min-width: 0;
}

.comment-header[b-p1aqhqmemn] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.comment-author[b-p1aqhqmemn] {
    font-weight: 600;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
}

.comment-time[b-p1aqhqmemn] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.comment-text[b-p1aqhqmemn] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--neutral-foreground-rest);
    white-space: pre-wrap;
}

/* Replies */
.replies[b-p1aqhqmemn] {
    margin-top: 8px;
    padding-left: 16px;
    border-left: 2px solid var(--neutral-stroke-rest);
}

.replies .comment-item.reply[b-p1aqhqmemn] {
    padding: 8px 0;
}

/* Detail sections */
.detail-header[b-p1aqhqmemn] {
    margin-bottom: 24px;
}

.detail-categories[b-p1aqhqmemn] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.vote-row[b-p1aqhqmemn] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-row[b-p1aqhqmemn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.author-name[b-p1aqhqmemn] {
    font-weight: 500;
    color: var(--neutral-foreground-rest);
}

.time-text[b-p1aqhqmemn] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.detail-description[b-p1aqhqmemn] {
    white-space: pre-wrap;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

.admin-section[b-p1aqhqmemn] {
    padding-top: 16px;
    border-top: 1px solid var(--neutral-stroke-rest);
}

/* Edited indicator */
.edited-indicator[b-p1aqhqmemn] {
    font-style: italic;
    opacity: 0.7;
    font-size: 11px;
}

/* Inline edit comment */
.edit-comment[b-p1aqhqmemn] {
    margin-top: 4px;
}

.comments-section[b-p1aqhqmemn] {
    margin-top: 16px;
}
/* /Components/Pages/Ideas/IdeaList.razor.rz.scp.css */
.ideas-container[b-cv7e4g36dv] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.stats-bar[b-cv7e4g36dv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 20px;
}

[b-cv7e4g36dv] .stat-card {
    padding: 16px;
    text-align: center;
}

.stat-value[b-cv7e4g36dv] {
    font-size: 28px;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.stat-label[b-cv7e4g36dv] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}

.filters-row[b-cv7e4g36dv] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.category-filters[b-cv7e4g36dv] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}

.filter-chip[b-cv7e4g36dv] {
    padding: 4px 14px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--neutral-stroke-rest);
    background: var(--neutral-layer-card-container);
    color: var(--neutral-foreground-rest);
    transition: all 0.15s ease;
    user-select: none;
}

.filter-chip:hover[b-cv7e4g36dv] {
    background: var(--neutral-fill-hover);
}

.filter-chip.active[b-cv7e4g36dv] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    border-color: var(--accent-fill-rest);
}

.round-banner[b-cv7e4g36dv] {
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    border-radius: var(--layer-corner-radius);
    padding: 12px 20px;
    margin-bottom: 16px;
}

.round-banner-title[b-cv7e4g36dv] {
    font-size: 15px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    display: block;
}

.round-banner-subtitle[b-cv7e4g36dv] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.budget-display[b-cv7e4g36dv] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.budget-remaining[b-cv7e4g36dv] {
    font-size: 24px;
    font-weight: 700;
    color: var(--accent-foreground-rest);
}

.budget-remaining.budget-empty[b-cv7e4g36dv] {
    color: var(--neutral-foreground-hint);
}

.budget-label[b-cv7e4g36dv] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.budget-bar-container[b-cv7e4g36dv] {
    width: 120px;
    height: 6px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 3px;
    overflow: hidden;
}

.budget-bar-fill[b-cv7e4g36dv] {
    height: 100%;
    background: var(--accent-fill-rest);
    border-radius: 3px;
    transition: width 0.2s ease;
}

.ideas-layout[b-cv7e4g36dv] {
    display: flex;
    gap: 24px;
}

.ideas-sidebar[b-cv7e4g36dv] {
    min-width: 200px;
    max-width: 200px;
}

.sidebar-section[b-cv7e4g36dv] {
    margin-bottom: 24px;
}

.sidebar-heading[b-cv7e4g36dv] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--neutral-foreground-hint);
    margin: 0 0 8px;
}

.sidebar-links[b-cv7e4g36dv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sidebar-link[b-cv7e4g36dv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    transition: background 0.1s ease;
    text-decoration: none;
}

.sidebar-link:hover[b-cv7e4g36dv] {
    background: var(--neutral-fill-hover);
}

.sidebar-link.active[b-cv7e4g36dv] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    font-weight: 600;
}

.count-badge[b-cv7e4g36dv] {
    background: var(--neutral-fill-secondary-rest);
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
}

.sidebar-link.active .count-badge[b-cv7e4g36dv] {
    background: rgba(255, 255, 255, 0.2);
    color: var(--foreground-on-accent-rest);
}

.ideas-content[b-cv7e4g36dv] {
    flex: 1;
    min-width: 0;
}

.ideas-grid[b-cv7e4g36dv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 768px) {
    .stats-bar[b-cv7e4g36dv] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ideas-layout[b-cv7e4g36dv] {
        flex-direction: column;
    }

    .ideas-sidebar[b-cv7e4g36dv] {
        max-width: 100%;
        flex-direction: row;
    }
}
/* /Components/Pages/Ideas/Rounds/RoundManagement.razor.rz.scp.css */
.rounds-container[b-xzdrsvhij3] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.page-subtitle[b-xzdrsvhij3] {
    margin: 4px 0 0;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.round-number[b-xzdrsvhij3] {
    color: var(--neutral-foreground-hint);
    font-variant-numeric: tabular-nums;
}

[b-xzdrsvhij3] .hover:not([row-type='header']) {
    cursor: default;
}

@media (max-width: 768px) {
    [b-xzdrsvhij3] fluent-data-grid {
        font-size: 13px;
    }
}
/* /Components/Pages/Ideas/Rounds/RoundResults.razor.rz.scp.css */
.results-container[b-q46vk6czzm] {
    padding: 24px;
    max-width: min(1600px, 100%);
    min-width: 0;
    margin: 0 auto;
    box-sizing: border-box;
}

.round-header[b-q46vk6czzm] {
    margin-bottom: 8px;
}

.round-meta[b-q46vk6czzm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.stats-bar[b-q46vk6czzm] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

[b-q46vk6czzm] .stat-card {
    padding: 16px;
    text-align: center;
}

.stat-value[b-q46vk6czzm] {
    font-size: 28px;
    font-weight: 700;
    color: var(--neutral-foreground-rest);
}

.stat-label[b-q46vk6czzm] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
}

.promoted-value[b-q46vk6czzm] {
    color: var(--success);
}

.rejected-value[b-q46vk6czzm] {
    color: var(--error);
}

.rank-cell[b-q46vk6czzm] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--neutral-foreground-hint);
}

.rank-cell.top-rank[b-q46vk6czzm] {
    color: var(--accent-fill-rest);
    font-size: 15px;
}

.idea-link[b-q46vk6czzm] {
    color: var(--accent-fill-rest);
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
}

.idea-link:hover[b-q46vk6czzm] {
    text-decoration: underline;
}

.score-value[b-q46vk6czzm] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    color: var(--neutral-foreground-rest);
}

.score-detail[b-q46vk6czzm] {
    font-variant-numeric: tabular-nums;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
}

.task-link[b-q46vk6czzm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--control-corner-radius);
    color: var(--neutral-foreground-rest);
    text-decoration: none;
    font-size: 13px;
    white-space: nowrap;
}

.task-link:hover[b-q46vk6czzm] {
    background: var(--neutral-fill-stealth-hover);
    text-decoration: none;
}

[b-q46vk6czzm] .hover:not([row-type='header']) {
    cursor: default;
}

@media (max-width: 1024px) {
    .stats-bar[b-q46vk6czzm] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .stats-bar[b-q46vk6czzm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Meetings/GranolaNotes.razor.rz.scp.css */
.granola-container[b-q9kducx033] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

[b-q9kducx033] .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Meetings/Meetings.razor.rz.scp.css */
.meetings-container[b-jeopa5tsa4] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}
/* /Components/Pages/Meetings/TeamsRecordings.razor.rz.scp.css */
[b-bwjuv9v9kn] .hover:not([row-type='header']) {
    cursor: pointer;
}

/* Avatar stack */
.avatar-stack[b-bwjuv9v9kn] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.participant-avatar[b-bwjuv9v9kn] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    color: white;
    background-color: #0078D4;
    border: 2px solid var(--neutral-layer-1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -8px;
    flex-shrink: 0;
}

.participant-avatar:first-child[b-bwjuv9v9kn] {
    margin-left: 0;
}

.participant-avatar.overflow[b-bwjuv9v9kn] {
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    font-size: 9px;
}

/* Plyr video wrapper */
.plyr-wrapper[b-bwjuv9v9kn] {
    border-radius: 4px;
    overflow: hidden;
}

/* Meeting info bar */
.meeting-info-bar[b-bwjuv9v9kn] {
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-subtle-rest);
}

/* Tabs */
.tabs-container[b-bwjuv9v9kn] {
    width: 100%;
}

.tab-button[b-bwjuv9v9kn] {
    padding: 8px 16px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.tab-button:hover[b-bwjuv9v9kn] {
    color: var(--neutral-foreground-rest);
}

.tab-button.active[b-bwjuv9v9kn] {
    color: var(--accent-foreground-rest);
    border-bottom-color: var(--accent-fill-rest);
}

/* Tab count badge */
.tab-count[b-bwjuv9v9kn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-brand-rest, #fff);
    font-size: 11px;
    font-weight: 600;
    margin-left: 6px;
}

/* Transcript view */
.transcript-view[b-bwjuv9v9kn] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 400px;
    overflow-y: auto;
}

/* Summary view */
.summary-view[b-bwjuv9v9kn] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 400px;
    overflow-y: auto;
}

/* Action items view */
.action-items-view[b-bwjuv9v9kn] {
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 400px;
    overflow-y: auto;
}

.action-item[b-bwjuv9v9kn] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-subtle-rest);
    transition: background-color 0.1s;
}

.action-item:last-child[b-bwjuv9v9kn] {
    border-bottom: none;
}

.action-item:hover[b-bwjuv9v9kn] {
    background-color: var(--neutral-fill-secondary-hover);
}

.action-item-speaker[b-bwjuv9v9kn] {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.action-item-deadline[b-bwjuv9v9kn] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

/* Timeline view */
.timeline-view[b-bwjuv9v9kn] {
    max-height: 400px;
    overflow-y: auto;
    padding: 8px 0;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.timeline-segment[b-bwjuv9v9kn] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 8px 16px;
    border-bottom: 1px solid var(--neutral-stroke-subtle-rest);
    transition: background-color 0.1s;
}

.timeline-segment:last-child[b-bwjuv9v9kn] {
    border-bottom: none;
}

.timeline-segment:hover[b-bwjuv9v9kn] {
    background-color: var(--neutral-fill-secondary-hover);
}

.segment-timestamp[b-bwjuv9v9kn] {
    font-size: 12px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: var(--accent-foreground-rest);
    white-space: nowrap;
    min-width: 52px;
    padding-top: 2px;
    flex-shrink: 0;
}

.speaker-badge[b-bwjuv9v9kn] {
    font-size: 11px;
    font-weight: 600;
    color: var(--speaker-color, var(--accent-foreground-rest));
    white-space: nowrap;
    flex-shrink: 0;
    padding: 2px 10px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--speaker-color, var(--accent-fill-rest)) 15%, transparent);
    margin-top: 2px;
}

.segment-text[b-bwjuv9v9kn] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

/* Details view */
.details-view[b-bwjuv9v9kn] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 400px;
    overflow-y: auto;
}

.detail-row[b-bwjuv9v9kn] {
    display: flex;
    gap: 16px;
    align-items: center;
}

.detail-label[b-bwjuv9v9kn] {
    font-size: 13px;
    font-weight: 600;
    color: var(--neutral-foreground-hint);
    min-width: 130px;
    flex-shrink: 0;
}
/* /Components/Pages/Notebook/MyNotebook.razor.rz.scp.css */
.notebook-hub[b-h7k58slue9] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.notebook-layout[b-h7k58slue9] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 24px;
}

.sidebar[b-h7k58slue9] {
    border-right: 1px solid var(--neutral-stroke-rest);
    padding-right: 16px;
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}

.sidebar-item[b-h7k58slue9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.1s;
}

.sidebar-item:hover[b-h7k58slue9] {
    background-color: var(--neutral-fill-secondary-hover);
}

.sidebar-item.active[b-h7k58slue9] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 15%, transparent);
    color: var(--accent-fill-rest);
    font-weight: 600;
    border-left: 3px solid var(--accent-fill-rest);
    padding-left: 5px;
}

.sidebar-section-header[b-h7k58slue9] {
    font-size: 11px;
    text-transform: uppercase;
    color: var(--neutral-foreground-hint);
    font-weight: 600;
    letter-spacing: 0.5px;
}

.sidebar-divider[b-h7k58slue9] {
    border: none;
    border-top: 1px solid var(--neutral-stroke-rest);
    margin: 8px 0;
}

.sidebar-badge[b-h7k58slue9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background-color: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    font-size: 11px;
    font-weight: 600;
}

.tree-chevron[b-h7k58slue9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.main-content[b-h7k58slue9] {
    min-width: 0;
}

.empty-state[b-h7k58slue9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 8px;
}

.empty-state h3[b-h7k58slue9] {
    margin: 8px 0 0 0;
}

[b-h7k58slue9] .hover:not([row-type='header']) {
    cursor: pointer;
}

.folder-actions[b-h7k58slue9] {
    opacity: 0;
    transition: opacity 0.1s ease;
}

.sidebar-item:hover .folder-actions[b-h7k58slue9] {
    opacity: 1;
}

.child-folders[b-h7k58slue9] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.child-folder-card[b-h7k58slue9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--control-corner-radius);
    cursor: pointer;
    transition: background 0.1s ease, border-color 0.1s ease;
    font-size: 13px;
}

.child-folder-card:hover[b-h7k58slue9] {
    background-color: var(--neutral-fill-stealth-hover);
    border-color: var(--accent-fill-rest);
}

.child-folder-name[b-h7k58slue9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.child-folder-count[b-h7k58slue9] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

@media (max-width: 768px) {
    .notebook-layout[b-h7k58slue9] {
        grid-template-columns: 1fr;
    }

    .sidebar[b-h7k58slue9] {
        display: none;
    }
}
/* /Components/Pages/Notebook/NotebookItemDetail.razor.rz.scp.css */
.item-detail-container[b-5mngm23qiy] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.detail-layout[b-5mngm23qiy] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 24px;
}

.detail-content[b-5mngm23qiy] {
    min-width: 0;
    align-self: start;
}

.detail-sidebar[b-5mngm23qiy] {
    align-self: start;
}

.content-body[b-5mngm23qiy] {
    line-height: 1.6;
    word-break: break-word;
}

.content-body img[b-5mngm23qiy] {
    max-width: 100%;
    height: auto;
}

.plain-text-content[b-5mngm23qiy] {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: var(--body-font);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    padding: 16px;
    background-color: var(--neutral-fill-secondary-rest);
    border-radius: 4px;
}

.metadata-grid[b-5mngm23qiy] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    font-size: 13px;
}

.metadata-label[b-5mngm23qiy] {
    color: var(--neutral-foreground-hint);
    font-weight: 500;
}

.comment-item[b-5mngm23qiy] {
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.comment-item:last-child[b-5mngm23qiy] {
    border-bottom: none;
}

.empty-state[b-5mngm23qiy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 8px;
}

.empty-state h3[b-5mngm23qiy] {
    margin: 8px 0 0 0;
}

[b-5mngm23qiy] .tag-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 8px;
    border-radius: 12px;
    font-size: 11px;
    background: color-mix(in srgb, var(--tag-color) 15%, transparent);
    color: var(--neutral-foreground-rest);
    max-width: 120px;
}

[b-5mngm23qiy] .tag-color-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tag-color);
    flex-shrink: 0;
}

[b-5mngm23qiy] .tag-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .detail-layout[b-5mngm23qiy] {
        grid-template-columns: 1fr;
    }

    .detail-sidebar[b-5mngm23qiy] {
        position: static;
    }
}
/* /Components/Pages/Projects/MyProjects.razor.rz.scp.css */
.my-projects-container[b-ku8s6p8glm] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.projects-grid[b-ku8s6p8glm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

[b-ku8s6p8glm] .project-card {
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    min-height: 160px;
    height: 100%;
}

[b-ku8s6p8glm] .project-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Tag styles */
.tag-color-dot[b-ku8s6p8glm] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-ku8s6p8glm] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

/* Avatar stack styles */
.avatar-stack[b-ku8s6p8glm] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.avatar-stack[b-ku8s6p8glm]  .hover-card-anchor {
    margin-left: -6px;
}

.avatar-stack[b-ku8s6p8glm]  .hover-card-anchor:first-child {
    margin-left: 0;
}

/* Overflow badge (not a MemberHoverCard) */
.avatar-stack .avatar.overflow[b-ku8s6p8glm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 600;
    border: 2px solid var(--neutral-layer-1);
    margin-left: -6px;
    position: relative;
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    cursor: default;
}
/* /Components/Pages/Projects/ProjectChat.razor.rz.scp.css */
.chat-page-container[b-8ujl412vkm] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}
/* /Components/Pages/Projects/ProjectCreate.razor.rz.scp.css */
.create-project-container[b-3y00miin7r] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.tag-color-dot[b-3y00miin7r] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-3y00miin7r] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.tag-badge.clickable[b-3y00miin7r] {
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

.tag-badge.clickable:hover[b-3y00miin7r] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.color-option[b-3y00miin7r] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-3y00miin7r] {
    transform: scale(1.1);
}

.color-option.selected[b-3y00miin7r] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}
/* /Components/Pages/Projects/ProjectDetail.razor.rz.scp.css */
.project-detail-container[b-1opi9aulib] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .project-detail-container > div:last-child[b-1opi9aulib] {
        flex-direction: column !important;
    }
}

.tag-color-dot[b-1opi9aulib] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-1opi9aulib] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.tag-badge.clickable[b-1opi9aulib] {
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

.tag-badge.clickable:hover[b-1opi9aulib] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.color-option[b-1opi9aulib] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-1opi9aulib] {
    transform: scale(1.1);
}

.color-option.selected[b-1opi9aulib] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}

.dashboard-cards[b-1opi9aulib] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.dashboard-card[b-1opi9aulib] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    background-color: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}

.dashboard-card:hover[b-1opi9aulib] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: var(--accent-fill-rest);
}

.dashboard-card-header[b-1opi9aulib] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sprint-stats[b-1opi9aulib] {
    display: flex;
    gap: 16px;
}

.sprint-stat[b-1opi9aulib] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.sprint-stat-count[b-1opi9aulib] {
    font-size: 20px;
    font-weight: 600;
}

.sprint-stat-label[b-1opi9aulib] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.sprint-card[b-1opi9aulib] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px;
    background-color: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
}

.sprint-card-body[b-1opi9aulib] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sprint-name-row[b-1opi9aulib] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sprint-name[b-1opi9aulib] {
    font-weight: 600;
    font-size: 15px;
}

.sprint-card-actions[b-1opi9aulib] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.sprint-card-empty[b-1opi9aulib] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
}

.sprint-card-empty p[b-1opi9aulib] {
    margin: 0;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
    text-align: center;
}

.sprint-card-footer[b-1opi9aulib] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sprint-card-link[b-1opi9aulib] {
    font-size: 13px;
    color: var(--accent-fill-rest);
    text-decoration: none;
    cursor: pointer;
}

.sprint-card-link:hover[b-1opi9aulib] {
    text-decoration: underline;
}

.sprint-card-link-btn[b-1opi9aulib] {
    font-size: 13px;
    color: var(--accent-fill-rest);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
}

.sprint-card-link-btn:hover[b-1opi9aulib] {
    text-decoration: underline;
}

.task-section[b-1opi9aulib] {
    margin-top: 24px;
}

.task-section-header[b-1opi9aulib] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.task-section-header h2[b-1opi9aulib] {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.task-count[b-1opi9aulib] {
    font-size: 13px;
    font-weight: 500;
    color: var(--neutral-foreground-hint);
    background-color: var(--neutral-fill-secondary-rest);
    padding: 1px 8px;
    border-radius: 10px;
}

[b-1opi9aulib] .hover:not([row-type='header']) {
    cursor: pointer;
}

.priority-indicator[b-1opi9aulib] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.priority-indicator.priority-critical[b-1opi9aulib] {
    background-color: #fde7e9;
    color: #d13438;
}

.priority-indicator.priority-high[b-1opi9aulib] {
    background-color: #fed9cc;
    color: #ca5010;
}

.priority-indicator.priority-medium[b-1opi9aulib] {
    background-color: #fff4ce;
    color: #8a7600;
}

.priority-indicator.priority-low[b-1opi9aulib] {
    background-color: #d0e7ff;
    color: #0078d4;
}

.type-indicator[b-1opi9aulib] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-1opi9aulib] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-1opi9aulib] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-1opi9aulib] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-1opi9aulib] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-1opi9aulib] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

[b-1opi9aulib] .overdue {
    color: var(--error);
    font-weight: 600;
}

/* Avatar stack styles (assignee bubbles in recent activity) */
.avatar-stack[b-1opi9aulib] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.avatar-stack[b-1opi9aulib]  .hover-card-anchor {
    margin-left: -8px;
}

.avatar-stack[b-1opi9aulib]  .hover-card-anchor:first-child {
    margin-left: 0;
}

.avatar-stack .avatar.overflow[b-1opi9aulib] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 600;
    border: 2px solid var(--neutral-layer-1);
    margin-left: -8px;
    position: relative;
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    cursor: default;
}
/* /Components/Pages/Projects/ProjectEdit.razor.rz.scp.css */
.edit-project-container[b-2483l3fj8d] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.tag-color-dot[b-2483l3fj8d] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-2483l3fj8d] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.tag-badge.clickable[b-2483l3fj8d] {
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

.tag-badge.clickable:hover[b-2483l3fj8d] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.color-option[b-2483l3fj8d] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-2483l3fj8d] {
    transform: scale(1.1);
}

.color-option.selected[b-2483l3fj8d] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}
/* /Components/Pages/Projects/ProjectList.razor.rz.scp.css */
.projects-container[b-8xbi4pevk0] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Make hoverable rows show pointer cursor */
.projects-container[b-8xbi4pevk0]  .hover:not([row-type='header']) {
    cursor: pointer;
}

.tag-color-dot[b-8xbi4pevk0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-8xbi4pevk0] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    max-width: 100px;
}

.tag-name[b-8xbi4pevk0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tags-cell[b-8xbi4pevk0] {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.tags-cell.measured[b-8xbi4pevk0] {
    overflow: visible;
}

.tags-cell:not(.measured) > *[b-8xbi4pevk0] {
    opacity: 0;
}

.tags-cell:not(.measured)[b-8xbi4pevk0]::before {
    content: '';
    position: absolute;
    inset: 2px 0;
    border-radius: 4px;
    background: linear-gradient(90deg,
        var(--neutral-fill-secondary-rest) 25%,
        var(--neutral-fill-hover) 50%,
        var(--neutral-fill-secondary-rest) 75%);
    background-size: 200% 100%;
    animation: shimmer-b-8xbi4pevk0 1.5s infinite;
}

@keyframes shimmer-b-8xbi4pevk0 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.tags-overflow[b-8xbi4pevk0] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
    cursor: default;
    white-space: nowrap;
}

.tag-badge.clickable[b-8xbi4pevk0] {
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
    flex-shrink: 0;
}

.tag-badge.clickable:hover[b-8xbi4pevk0] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Avatar stack styles */
.avatar-stack[b-8xbi4pevk0] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.avatar-stack[b-8xbi4pevk0]  .hover-card-anchor {
    margin-left: -8px;
}

.avatar-stack[b-8xbi4pevk0]  .hover-card-anchor:first-child {
    margin-left: 0;
}

/* Overflow badge (not a MemberHoverCard) */
.avatar-stack .avatar.overflow[b-8xbi4pevk0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 600;
    border: 2px solid var(--neutral-layer-1);
    margin-left: -8px;
    position: relative;
    background-color: var(--neutral-layer-4);
    color: var(--neutral-foreground-rest);
    cursor: default;
}
/* /Components/Pages/Projects/ProjectMembers.razor.rz.scp.css */
.project-members-container[b-dgk566pybr] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

[b-dgk566pybr] td {
    overflow: visible;
}
/* /Components/Pages/Releases/ReleaseDetail.razor.rz.scp.css */
.release-detail-container[b-3ta1f7xr8e] {
    padding: 24px;
    max-width: 1000px;
}

[b-3ta1f7xr8e] .hover:not([row-type='header']) {
    cursor: pointer;
}

.priority-indicator[b-3ta1f7xr8e] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.priority-indicator.priority-low[b-3ta1f7xr8e] {
    color: #0e7c42;
    background: rgba(14, 124, 66, 0.12);
}

.priority-indicator.priority-medium[b-3ta1f7xr8e] {
    color: #d97706;
    background: rgba(217, 119, 6, 0.12);
}

.priority-indicator.priority-high[b-3ta1f7xr8e] {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.12);
}

.priority-indicator.priority-critical[b-3ta1f7xr8e] {
    color: #fff;
    background: #dc2626;
}
/* /Components/Pages/Releases/ReleaseList.razor.rz.scp.css */
.release-list-container[b-u42vgdl38x] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.release-list-container[b-u42vgdl38x]  .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Sprints/Backlog.razor.rz.scp.css */
.backlog-container[b-iinc42gmpi] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.priority-indicator[b-iinc42gmpi] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.priority-indicator.priority-critical[b-iinc42gmpi] {
    background-color: #fde7e9;
    color: #d13438;
}

.priority-indicator.priority-high[b-iinc42gmpi] {
    background-color: #fed9cc;
    color: #ca5010;
}

.priority-indicator.priority-medium[b-iinc42gmpi] {
    background-color: #fff4ce;
    color: #8a7600;
}

.priority-indicator.priority-low[b-iinc42gmpi] {
    background-color: #d0e7ff;
    color: #0078d4;
}

.type-indicator[b-iinc42gmpi] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-iinc42gmpi] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-iinc42gmpi] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-iinc42gmpi] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-iinc42gmpi] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-iinc42gmpi] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

[b-iinc42gmpi] .overdue {
    color: var(--error);
    font-weight: 600;
}

.page-header[b-iinc42gmpi] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.page-header-meta[b-iinc42gmpi] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 36px;
}

.project-chip[b-iinc42gmpi] {
    font-size: 13px;
    font-weight: 600;
    color: var(--accent-fill-rest);
    background-color: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
    padding: 2px 10px;
    border-radius: 12px;
    letter-spacing: 0.02em;
}

.meta-separator[b-iinc42gmpi] {
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.meta-text[b-iinc42gmpi] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
}

.sprint-context-banner[b-iinc42gmpi] {
    background-color: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 10px 16px;
    margin-bottom: 16px;
}

[b-iinc42gmpi] .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Sprints/SprintBoard.razor.rz.scp.css */
.sprint-board-container[b-c6ls0463ha] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}
/* /Components/Pages/Sprints/SprintDetail.razor.rz.scp.css */
.sprint-detail-container[b-z9d0otvspu] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

[b-z9d0otvspu] .hover:not([row-type='header']) {
    cursor: pointer;
}

.priority-indicator[b-z9d0otvspu] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
}

.priority-indicator.priority-low[b-z9d0otvspu] {
    color: #0e7c42;
    background: rgba(14, 124, 66, 0.12);
}

.priority-indicator.priority-medium[b-z9d0otvspu] {
    color: #d97706;
    background: rgba(217, 119, 6, 0.12);
}

.priority-indicator.priority-high[b-z9d0otvspu] {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.12);
}

.priority-indicator.priority-critical[b-z9d0otvspu] {
    color: #fff;
    background: #dc2626;
}

.type-indicator[b-z9d0otvspu] {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--neutral-fill-secondary-rest);
}

.type-indicator.type-bug[b-z9d0otvspu] {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.12);
}

.type-indicator.type-feature[b-z9d0otvspu] {
    color: #0078d4;
    background: rgba(0, 120, 212, 0.12);
}

.type-indicator.type-story[b-z9d0otvspu] {
    color: #0e7c42;
    background: rgba(14, 124, 66, 0.12);
}

.type-indicator.type-spike[b-z9d0otvspu] {
    color: #7c3aed;
    background: rgba(124, 58, 237, 0.12);
}
/* /Components/Pages/Sprints/SprintList.razor.rz.scp.css */
.sprint-list-container[b-m2mu2b5s1i] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

.sprint-list-container[b-m2mu2b5s1i]  .hover:not([row-type='header']) {
    cursor: pointer;
}
/* /Components/Pages/Tags/TagsManagement.razor.rz.scp.css */
.tags-container[b-qye2e0wxr9] {
    padding: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Make hoverable rows show pointer cursor */
.tags-container[b-qye2e0wxr9]  .hover:not([row-type='header']) {
    cursor: pointer;
}

.tag-color-dot[b-qye2e0wxr9] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    flex-shrink: 0;
}

.tag-badge[b-qye2e0wxr9] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
}

.color-option[b-qye2e0wxr9] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-qye2e0wxr9] {
    transform: scale(1.1);
}

.color-option.selected[b-qye2e0wxr9] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}
/* /Components/Pages/Tasks/TaskDetail.razor.rz.scp.css */
.task-detail-container[b-lifn7axcgp] {
    padding: 24px;
    max-width: 1000px;
    margin: 0 auto;
}

.field-label[b-lifn7axcgp] {
    margin: 0 0 4px 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.assignee-list[b-lifn7axcgp] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.assignee-list[b-lifn7axcgp]  .hover-card-anchor {
    margin-left: -4px;
}

.assignee-list[b-lifn7axcgp]  .hover-card-anchor:first-child {
    margin-left: 0;
}

.priority-indicator[b-lifn7axcgp] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.priority-indicator.priority-critical[b-lifn7axcgp] {
    background-color: #fde7e9;
    color: #d13438;
}

.priority-indicator.priority-high[b-lifn7axcgp] {
    background-color: #fed9cc;
    color: #ca5010;
}

.priority-indicator.priority-medium[b-lifn7axcgp] {
    background-color: #fff4ce;
    color: #8a7600;
}

.priority-indicator.priority-low[b-lifn7axcgp] {
    background-color: #d0e7ff;
    color: #0078d4;
}

.type-indicator[b-lifn7axcgp] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-lifn7axcgp] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-lifn7axcgp] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-lifn7axcgp] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-lifn7axcgp] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-lifn7axcgp] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

.overdue-text[b-lifn7axcgp] {
    color: var(--error);
    font-weight: 600;
}

.subtask-list[b-lifn7axcgp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.subtask-item[b-lifn7axcgp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 4px;
}

.subtask-item:hover[b-lifn7axcgp] {
    background-color: var(--neutral-layer-2);
}

.subtask-title[b-lifn7axcgp] {
    flex: 1;
    cursor: default;
}

.subtask-title.completed[b-lifn7axcgp] {
    text-decoration: line-through;
    color: var(--neutral-foreground-hint);
}

.add-subtask[b-lifn7axcgp] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    align-items: flex-end;
}

.comments-list[b-lifn7axcgp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 500px;
    overflow-y: auto;
}

.comment[b-lifn7axcgp] {
    background-color: var(--neutral-layer-2);
    border-radius: 6px;
    padding: 12px;
    width: 100%;
}

.comment-header[b-lifn7axcgp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-author[b-lifn7axcgp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-avatar[b-lifn7axcgp] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.comment-avatar.initials[b-lifn7axcgp] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    color: white;
    background-color: var(--accent-fill-rest);
}

.edit-comment[b-lifn7axcgp] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.add-comment[b-lifn7axcgp] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    width: 100%;
    align-items: flex-end;
}
/* /Components/Pages/Tasks/TaskList.razor.rz.scp.css */
.tasks-container[b-evph5s0ctq] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

/* Make hoverable rows show pointer cursor */
.tasks-container[b-evph5s0ctq]  .hover:not([row-type='header']) {
    cursor: pointer;
}

.no-project-indicator[b-evph5s0ctq] {
    color: var(--neutral-foreground-hint);
    font-style: italic;
    font-size: 13px;
}

.priority-indicator[b-evph5s0ctq] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.priority-indicator.priority-critical[b-evph5s0ctq] {
    background-color: #fde7e9;
    color: #d13438;
}

.priority-indicator.priority-high[b-evph5s0ctq] {
    background-color: #fed9cc;
    color: #ca5010;
}

.priority-indicator.priority-medium[b-evph5s0ctq] {
    background-color: #fff4ce;
    color: #8a7600;
}

.priority-indicator.priority-low[b-evph5s0ctq] {
    background-color: #d0e7ff;
    color: #0078d4;
}

.type-indicator[b-evph5s0ctq] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-evph5s0ctq] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-evph5s0ctq] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-evph5s0ctq] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-evph5s0ctq] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-evph5s0ctq] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

[b-evph5s0ctq] .overdue {
    color: var(--error);
    font-weight: 600;
}
/* /Components/Pages/Tools/CronBuilder.razor.rz.scp.css */
code[b-1bu23mp48u] {
    background: var(--neutral-fill-secondary-rest);
    padding: 1px 4px;
    border-radius: 3px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 12px;
}
/* /Components/Pages/Tools/ImageConverter.razor.rz.scp.css */
[b-2bekqyifki] .fluent-inputfile-container {
    border-radius: 8px;
    min-height: 140px;
    transition: background-color 0.15s;
}

[b-2bekqyifki] .fluent-inputfile-container:hover {
    background-color: var(--neutral-fill-secondary-hover);
}

[b-2bekqyifki] .inputfile-content {
    width: 100%;
    height: 100%;
}

[b-2bekqyifki] .upload-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    height: 100%;
    min-height: 140px;
    text-decoration: none !important;
    color: var(--neutral-foreground-rest) !important;
}

[b-2bekqyifki] .upload-zone * {
    text-decoration: none !important;
}

.preview-container[b-2bekqyifki] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.preview-panel[b-2bekqyifki] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.preview-image[b-2bekqyifki] {
    max-width: 100%;
    max-height: 300px;
    object-fit: contain;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    background: var(--neutral-fill-secondary-rest);
}
/* /Components/Pages/Tools/JsonToolkit.razor.rz.scp.css */
/* No custom styles needed — FluentUI components handle all styling */
/* /Components/Pages/Tools/JwtDecoder.razor.rz.scp.css */
.json-display[b-3qa9s2brpn] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    padding: 16px;
    margin: 0;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.6;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}
/* /Components/Pages/Tools/MeetingNotesToTasks.razor.rz.scp.css */
.task-item[b-6bo6qqqz23] {
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    transition: background-color 0.15s, border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.task-item:hover:not(.created)[b-6bo6qqqz23] {
    background: var(--neutral-fill-secondary-hover);
}

.task-item.created[b-6bo6qqqz23] {
    background: color-mix(in srgb, var(--accent-fill-rest) 5%, transparent);
    border-color: color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
}

.task-layout[b-6bo6qqqz23] {
    display: grid;
    grid-template-columns: 20px 1fr auto;
    gap: 12px;
    align-items: start;
}

.task-icon[b-6bo6qqqz23] {
    padding-top: 2px;
}

.task-content[b-6bo6qqqz23] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
}

[b-6bo6qqqz23] .task-content fluent-text-field,
[b-6bo6qqqz23] .task-content fluent-text-area {
    width: 100%;
}

.task-meta[b-6bo6qqqz23] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.view-task-link[b-6bo6qqqz23] {
    font-size: 12px;
    color: var(--accent-fill-rest);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.view-task-link:hover[b-6bo6qqqz23] {
    text-decoration: underline;
}

.task-actions[b-6bo6qqqz23] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    align-items: start;
}
/* /Components/Pages/Tools/PdfToMarkdown.razor.rz.scp.css */
[b-u1hkeber6u] .fluent-inputfile-container {
    border-radius: 8px;
    min-height: 140px;
    transition: background-color 0.15s;
}

[b-u1hkeber6u] .fluent-inputfile-container:hover {
    background-color: var(--neutral-fill-secondary-hover);
}

[b-u1hkeber6u] .inputfile-content {
    width: 100%;
    height: 100%;
}

[b-u1hkeber6u] .upload-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    height: 100%;
    min-height: 140px;
    text-decoration: none !important;
    color: var(--neutral-foreground-rest) !important;
}

[b-u1hkeber6u] .upload-zone * {
    text-decoration: none !important;
}

.tabs-container[b-u1hkeber6u] {
    width: 100%;
}

.tab-button[b-u1hkeber6u] {
    padding: 8px 16px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.tab-button:hover[b-u1hkeber6u] {
    color: var(--neutral-foreground-rest);
}

.tab-button.active[b-u1hkeber6u] {
    color: var(--accent-foreground-rest);
    border-bottom-color: var(--accent-fill-rest);
}

.preview-content[b-u1hkeber6u] {
    padding: 16px;
    max-height: 600px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    line-height: 1.6;
}

.preview-content h1[b-u1hkeber6u],
.preview-content h2[b-u1hkeber6u],
.preview-content h3[b-u1hkeber6u] {
    margin-top: 16px;
    margin-bottom: 8px;
}

.preview-content p[b-u1hkeber6u] {
    margin-bottom: 8px;
}

.preview-content ul[b-u1hkeber6u],
.preview-content ol[b-u1hkeber6u] {
    padding-left: 24px;
    margin-bottom: 8px;
}
/* /Components/Pages/Tools/QrCodeGenerator.razor.rz.scp.css */
.qr-preview[b-cytwh0myv4] {
    display: flex;
    justify-content: center;
    padding: 24px;
    background: white;
    border-radius: 8px;
    border: 1px solid var(--neutral-stroke-rest);
}

.qr-image[b-cytwh0myv4] {
    max-width: 100%;
    height: auto;
    image-rendering: pixelated;
}
/* /Components/Pages/Tools/RegexTester.razor.rz.scp.css */
.result-display[b-mq5m5j9t1v] {
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    padding: 16px;
    margin: 0;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 13px;
    line-height: 1.6;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-all;
}
/* /Components/Pages/Tools/TextSummarizer.razor.rz.scp.css */
.tabs-container[b-g7b948rhzr] {
    width: 100%;
}

.tab-button[b-g7b948rhzr] {
    padding: 8px 16px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.tab-button:hover[b-g7b948rhzr] {
    color: var(--neutral-foreground-rest);
}

.tab-button.active[b-g7b948rhzr] {
    color: var(--accent-foreground-rest);
    border-bottom-color: var(--accent-fill-rest);
}

.tab-count[b-g7b948rhzr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 6px;
    border-radius: 9px;
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    font-size: 11px;
    font-weight: 600;
}

.result-content[b-g7b948rhzr] {
    padding: 16px;
    max-height: 500px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.key-points-list[b-g7b948rhzr] {
    margin: 0;
    padding-left: 20px;
    line-height: 1.8;
    font-size: 14px;
}

.key-points-list li[b-g7b948rhzr] {
    margin-bottom: 4px;
}

.action-item[b-g7b948rhzr] {
    padding: 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    margin-bottom: 8px;
}

.action-item:last-child[b-g7b948rhzr] {
    margin-bottom: 0;
}
/* /Components/Pages/Tools/Transcription.razor.rz.scp.css */
[b-s7y7bs9ciy] .fluent-inputfile-container {
    border-radius: 8px;
    min-height: 140px;
    transition: background-color 0.15s;
}

[b-s7y7bs9ciy] .fluent-inputfile-container:hover {
    background-color: var(--neutral-fill-secondary-hover);
}

[b-s7y7bs9ciy] .inputfile-content {
    width: 100%;
    height: 100%;
}

[b-s7y7bs9ciy] .upload-zone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    height: 100%;
    min-height: 140px;
    text-decoration: none !important;
    color: var(--neutral-foreground-rest) !important;
}

[b-s7y7bs9ciy] .upload-zone * {
    text-decoration: none !important;
}

/* Tabs */
.tabs-container[b-s7y7bs9ciy] {
    width: 100%;
}

.tab-button[b-s7y7bs9ciy] {
    padding: 8px 16px;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s;
}

.tab-button:hover[b-s7y7bs9ciy] {
    color: var(--neutral-foreground-rest);
}

.tab-button.active[b-s7y7bs9ciy] {
    color: var(--accent-foreground-rest);
    border-bottom-color: var(--accent-fill-rest);
}

/* Timeline */
.timeline-view[b-s7y7bs9ciy] {
    max-height: 500px;
    overflow-y: auto;
    padding: 8px 0;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.timeline-segment[b-s7y7bs9ciy] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 8px 16px;
    border-bottom: 1px solid var(--neutral-stroke-subtle-rest);
    transition: background-color 0.1s;
}

.timeline-segment:last-child[b-s7y7bs9ciy] {
    border-bottom: none;
}

.timeline-segment:hover[b-s7y7bs9ciy] {
    background-color: var(--neutral-fill-secondary-hover);
}

.segment-timestamp[b-s7y7bs9ciy] {
    font-size: 12px;
    font-family: 'Cascadia Code', 'Consolas', monospace;
    color: var(--accent-foreground-rest);
    white-space: nowrap;
    min-width: 52px;
    padding-top: 2px;
    flex-shrink: 0;
}

.segment-text[b-s7y7bs9ciy] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
}

/* History */
.history-item[b-s7y7bs9ciy] {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid var(--neutral-stroke-rest);
    cursor: pointer;
    transition: background-color 0.15s, border-color 0.15s;
    width: 100%;
}

.history-item:hover[b-s7y7bs9ciy] {
    background-color: var(--neutral-fill-secondary-hover);
    border-color: var(--accent-stroke-control-rest);
}

.history-item.selected[b-s7y7bs9ciy] {
    background-color: var(--neutral-fill-secondary-rest);
    border-color: var(--accent-fill-rest);
}

.history-filename[b-s7y7bs9ciy] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-foreground-rest);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
    display: block;
}

.history-meta[b-s7y7bs9ciy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.history-diarization-badge[b-s7y7bs9ciy] {
    color: var(--accent-foreground-rest);
    font-weight: 500;
}

/* Speaker badges in timeline */
.speaker-badge[b-s7y7bs9ciy] {
    font-size: 11px;
    font-weight: 600;
    color: var(--speaker-color, var(--accent-foreground-rest));
    white-space: nowrap;
    flex-shrink: 0;
    padding: 1px 8px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--speaker-color, var(--accent-fill-rest)) 15%, transparent);
}

.speaker-badge.clickable[b-s7y7bs9ciy] {
    cursor: pointer;
    transition: opacity 0.15s;
}

.speaker-badge.clickable:hover[b-s7y7bs9ciy] {
    opacity: 0.75;
}

/* Tab count badge */
.tab-count[b-s7y7bs9ciy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--accent-fill-rest);
    color: var(--neutral-foreground-on-brand-rest, #fff);
    font-size: 11px;
    font-weight: 600;
    margin-left: 6px;
}

/* Summary view */
.summary-view[b-s7y7bs9ciy] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 500px;
    overflow-y: auto;
}

/* Action items view */
.action-items-view[b-s7y7bs9ciy] {
    border: 1px solid var(--neutral-stroke-rest);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 500px;
    overflow-y: auto;
}

.action-item[b-s7y7bs9ciy] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-subtle-rest);
    transition: background-color 0.1s;
}

.action-item:last-child[b-s7y7bs9ciy] {
    border-bottom: none;
}

.action-item:hover[b-s7y7bs9ciy] {
    background-color: var(--neutral-fill-secondary-hover);
}

.action-item-speaker[b-s7y7bs9ciy] {
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-foreground-rest);
}

.action-item-deadline[b-s7y7bs9ciy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

/* Speaker name editor */
.speaker-editor[b-s7y7bs9ciy] {
    padding: 12px;
    border-radius: 6px;
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
}

.speaker-chip[b-s7y7bs9ciy] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.speaker-dot[b-s7y7bs9ciy] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--speaker-color, var(--accent-fill-rest));
    flex-shrink: 0;
}
/* /Components/Pages/Wiki/EditWikiPage.razor.rz.scp.css */
.edit-wiki-container[b-ydasd7tddw] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 24px;
}

.page-header[b-ydasd7tddw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-actions[b-ydasd7tddw] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.wiki-form[b-ydasd7tddw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    width: 100%;
}

.form-field[b-ydasd7tddw] {
    width: 100%;
}

.form-field[b-ydasd7tddw]  fluent-text-field,
.form-field[b-ydasd7tddw]  fluent-text-area {
    width: 100%;
}
/* /Components/Pages/Wiki/WikiIndex.razor.rz.scp.css */
.wiki-container[b-srhd2zu4l8] {
    padding: 24px;
    max-width: 1600px;
    margin: 0 auto;
}

.wiki-layout[b-srhd2zu4l8] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
}

.page-sidebar[b-srhd2zu4l8] {
    border-right: 1px solid var(--neutral-stroke-rest);
    padding-right: 16px;
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}

.page-tree-item[b-srhd2zu4l8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.1s;
}

.page-tree-item:hover[b-srhd2zu4l8] {
    background-color: var(--neutral-fill-secondary-hover);
}

.tree-chevron[b-srhd2zu4l8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    flex-shrink: 0;
}

.page-tree-item.active[b-srhd2zu4l8] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 15%, transparent);
    color: var(--accent-fill-rest);
    font-weight: 600;
    border-left: 3px solid var(--accent-fill-rest);
    padding-left: 5px;
}

.wiki-content[b-srhd2zu4l8] {
    min-width: 0;
}

.page-header[b-srhd2zu4l8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header-actions[b-srhd2zu4l8] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.wiki-body[b-srhd2zu4l8] {
    padding: 24px;
    line-height: 1.7;
    color: var(--neutral-foreground-rest);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.wiki-body.empty-content[b-srhd2zu4l8] {
    padding: 48px 24px;
    text-align: center;
}

.wiki-body[b-srhd2zu4l8]  h1,
.wiki-body[b-srhd2zu4l8]  h2,
.wiki-body[b-srhd2zu4l8]  h3,
.wiki-body[b-srhd2zu4l8]  h4,
.wiki-body[b-srhd2zu4l8]  h5,
.wiki-body[b-srhd2zu4l8]  h6 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.3;
}

.wiki-body[b-srhd2zu4l8]  h1:first-child,
.wiki-body[b-srhd2zu4l8]  h2:first-child,
.wiki-body[b-srhd2zu4l8]  h3:first-child {
    margin-top: 0;
}

.wiki-body[b-srhd2zu4l8]  p {
    margin: 0 0 1em 0;
}

.wiki-body[b-srhd2zu4l8]  ul,
.wiki-body[b-srhd2zu4l8]  ol {
    margin: 0 0 1em 0;
    padding-left: 1.5em;
}

.wiki-body[b-srhd2zu4l8]  li {
    margin-bottom: 0.25em;
}

.wiki-body[b-srhd2zu4l8]  blockquote {
    margin: 0 0 1em 0;
    padding: 8px 16px;
    border-left: 4px solid var(--accent-fill-rest);
    background: var(--neutral-fill-secondary-rest);
    border-radius: 0 4px 4px 0;
}

.wiki-body[b-srhd2zu4l8]  a {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.wiki-body[b-srhd2zu4l8]  a:hover {
    color: var(--accent-fill-hover);
}

.wiki-body[b-srhd2zu4l8]  img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.wiki-body[b-srhd2zu4l8]  pre {
    margin: 0 0 1em 0;
    padding: 16px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 6px;
    overflow-x: auto;
    font-size: 13px;
    line-height: 1.5;
}

.wiki-body[b-srhd2zu4l8]  pre[data-language] {
    background-color: var(--neutral-layer-4, #1e1e1e);
    padding: 12px;
    border-radius: 8px;
    position: relative;
}

.wiki-body[b-srhd2zu4l8]  code {
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.9em;
}

.wiki-body[b-srhd2zu4l8]  :not(pre) > code {
    padding: 2px 6px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 4px;
}

.wiki-body[b-srhd2zu4l8]  table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1em 0;
}

.wiki-body[b-srhd2zu4l8]  th,
.wiki-body[b-srhd2zu4l8]  td {
    padding: 8px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    text-align: left;
}

.wiki-body[b-srhd2zu4l8]  th {
    background: var(--neutral-fill-secondary-rest);
    font-weight: 600;
}

.wiki-body[b-srhd2zu4l8]  hr {
    border: none;
    border-top: 1px solid var(--neutral-stroke-rest);
    margin: 1.5em 0;
}

.page-meta[b-srhd2zu4l8] {
    margin-top: 16px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.empty-state[b-srhd2zu4l8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
    gap: 8px;
}

.empty-state h3[b-srhd2zu4l8] {
    margin: 8px 0 0 0;
}

.search-results[b-srhd2zu4l8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.search-result-item[b-srhd2zu4l8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.1s;
}

.search-result-item:hover[b-srhd2zu4l8] {
    background-color: var(--neutral-fill-secondary-hover);
}

@media (max-width: 768px) {
    .wiki-layout[b-srhd2zu4l8] {
        grid-template-columns: 1fr;
    }

    .page-sidebar[b-srhd2zu4l8] {
        display: none;
    }
}
/* /Components/Shared/AiChat/AiChatBubble.razor.rz.scp.css */
.ai-chat-bubble-container[b-jmcrz5z333] {
    position: fixed;
    bottom: 56px;
    right: 24px;
    z-index: 899;
}

[b-jmcrz5z333] .bubble-button {
    width: 56px;
    height: 56px;
    max-width: 56px;
    min-width: 56px;
    aspect-ratio: 1;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    padding: 0;
    overflow: hidden;
    border: none;
    outline: none;
}

[b-jmcrz5z333] .bubble-button::part(control) {
    width: 56px;
    height: 56px;
    min-width: 56px;
    border-radius: 50%;
    border: none;
    outline: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-jmcrz5z333] .bubble-button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

[b-jmcrz5z333] .bubble-button:active {
    transform: scale(0.95);
}
/* /Components/Shared/AiChat/AiChatMessageBubble.razor.rz.scp.css */
.message-row[b-fjzblp4q5s] {
    display: flex;
    flex-direction: column;
    padding: 4px 16px;
}

.message-user[b-fjzblp4q5s] {
    align-items: flex-end;
}

.message-assistant[b-fjzblp4q5s] {
    align-items: flex-start;
}

.message-bubble[b-fjzblp4q5s] {
    max-width: 85%;
    padding: 10px 14px;
    border-radius: 12px;
    word-break: break-word;
    line-height: 1.5;
    font-size: var(--type-ramp-base-font-size);
}

.bubble-user[b-fjzblp4q5s] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    border-bottom-right-radius: 4px;
}

.bubble-assistant[b-fjzblp4q5s] {
    background: color-mix(in srgb, var(--neutral-foreground-rest) 8%, transparent);
    color: var(--neutral-foreground-rest);
    border-bottom-left-radius: 4px;
}

.message-content[b-fjzblp4q5s] {
    overflow-wrap: break-word;
}

/* Style rendered HTML content in assistant messages */
.bubble-assistant .message-content[b-fjzblp4q5s]  p {
    margin: 0 0 8px 0;
}

.bubble-assistant .message-content[b-fjzblp4q5s]  p:last-child {
    margin-bottom: 0;
}

.bubble-assistant .message-content[b-fjzblp4q5s]  ul,
.bubble-assistant .message-content[b-fjzblp4q5s]  ol {
    margin: 4px 0;
    padding-left: 20px;
}

.bubble-assistant .message-content[b-fjzblp4q5s]  code {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: var(--type-ramp-minus-1-font-size);
    background: color-mix(in srgb, var(--neutral-foreground-rest) 10%, transparent);
    padding: 1px 4px;
    border-radius: 3px;
}

.bubble-assistant .message-content[b-fjzblp4q5s]  pre {
    margin: 8px 0;
    padding: 8px;
    background: color-mix(in srgb, var(--neutral-foreground-rest) 10%, transparent);
    border-radius: var(--control-corner-radius);
    overflow-x: auto;
}

.bubble-assistant .message-content[b-fjzblp4q5s]  pre code {
    background: transparent;
    padding: 0;
}

.tool-calls-section[b-fjzblp4q5s] {
    margin-top: 8px;
}

.message-debug[b-fjzblp4q5s] {
    display: flex;
    gap: 8px;
    margin-top: 6px;
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--neutral-foreground-hint);
    opacity: 0.7;
}

.message-time[b-fjzblp4q5s] {
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
    padding: 0 4px;
}
/* /Components/Shared/AiChat/AiChatPanel.razor.rz.scp.css */
.ai-chat-panel[b-2k9agfcc7m] {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 600px;
    max-height: 80vh;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--layer-corner-radius) var(--layer-corner-radius) 0 0;
    box-shadow: var(--elevation-shadow-flyout);
    z-index: 900;
    display: flex;
    flex-direction: column;
    transform: translateY(100%);
    transition: transform 0.2s ease;
    overflow: hidden;
}

.ai-chat-panel.open[b-2k9agfcc7m] {
    transform: translateY(0);
}

/* Header */
.panel-header[b-2k9agfcc7m] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    flex-shrink: 0;
}

.panel-title[b-2k9agfcc7m] {
    font-weight: 600;
    font-size: var(--type-ramp-base-font-size);
    color: var(--neutral-foreground-rest);
}

.conversation-name[b-2k9agfcc7m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    display: inline-block;
    vertical-align: middle;
}

/* Panel body (conversation list view) */
.panel-body[b-2k9agfcc7m] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-rest) transparent;
}

.new-conversation-area[b-2k9agfcc7m] {
    padding: 12px 16px;
    flex-shrink: 0;
}

/* Loading */
.loading-area[b-2k9agfcc7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
}

/* Empty state */
.empty-state[b-2k9agfcc7m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 24px;
    text-align: center;
    gap: 8px;
    flex: 1;
}

.empty-text[b-2k9agfcc7m] {
    font-size: var(--type-ramp-base-font-size);
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.empty-hint[b-2k9agfcc7m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    line-height: 1.4;
}

/* Suggested prompts area */
.suggested-prompts-area[b-2k9agfcc7m] {
    padding: 0 16px 12px 16px;
    flex-shrink: 0;
}

/* Conversation list */
.conversation-list[b-2k9agfcc7m] {
    flex: 1;
    overflow-y: auto;
}

.conversation-item[b-2k9agfcc7m] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.conversation-item:hover[b-2k9agfcc7m] {
    background: color-mix(in srgb, var(--neutral-foreground-rest) 5%, transparent);
}

.conversation-title[b-2k9agfcc7m] {
    font-size: var(--type-ramp-base-font-size);
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-preview[b-2k9agfcc7m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conversation-time[b-2k9agfcc7m] {
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
}

/* Messages area (thread view) */
.messages-area[b-2k9agfcc7m] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-rest) transparent;
}

/* Thinking indicator */
.thinking-indicator[b-2k9agfcc7m] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
}

.thinking-text[b-2k9agfcc7m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    font-style: italic;
}

/* Input area */
.input-area[b-2k9agfcc7m] {
    padding: 12px 16px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    gap: 8px;
    align-items: center;
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 600px) {
    .ai-chat-panel[b-2k9agfcc7m] {
        width: 100%;
        height: 100%;
        max-height: 100vh;
        border-radius: 0;
    }
}
/* /Components/Shared/AiChat/AiChatSuggestedPrompts.razor.rz.scp.css */
.suggested-prompts[b-p3m62x202m] {
    padding: 12px 0;
}

.prompts-label[b-p3m62x202m] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    margin-bottom: 8px;
    display: block;
}

.prompts-row[b-p3m62x202m] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
}

[b-p3m62x202m] .prompt-chip {
    font-size: var(--type-ramp-minus-1-font-size);
    white-space: normal;
    text-align: left;
    max-width: 100%;
}
/* /Components/Shared/AiChat/AiChatToolCallDetails.razor.rz.scp.css */
.tool-call-details[b-fqs6x9liy0] {
    margin-top: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: var(--control-corner-radius);
    background: color-mix(in srgb, var(--neutral-foreground-rest) 4%, transparent);
    overflow: hidden;
}

.tool-call-summary[b-fqs6x9liy0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    font-size: var(--type-ramp-minus-1-font-size);
    cursor: pointer;
    user-select: none;
}

.tool-call-summary:hover[b-fqs6x9liy0] {
    background: color-mix(in srgb, var(--neutral-foreground-rest) 6%, transparent);
}

.tool-name[b-fqs6x9liy0] {
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.tool-duration[b-fqs6x9liy0] {
    margin-left: auto;
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--neutral-foreground-hint);
}

.tool-call-body[b-fqs6x9liy0] {
    padding: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.tool-section[b-fqs6x9liy0] {
    margin-bottom: 8px;
}

.tool-section:last-child[b-fqs6x9liy0] {
    margin-bottom: 0;
}

.tool-section-header[b-fqs6x9liy0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.tool-section-label[b-fqs6x9liy0] {
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.copy-button[b-fqs6x9liy0] {
    display: flex;
    align-items: center;
    padding: 2px;
    background: none;
    border: none;
    border-radius: var(--control-corner-radius);
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.15s ease;
}

.copy-button:hover[b-fqs6x9liy0] {
    opacity: 1;
}

.tool-code[b-fqs6x9liy0] {
    margin: 0;
    padding: 6px 8px;
    background: color-mix(in srgb, var(--neutral-foreground-rest) 6%, transparent);
    border-radius: var(--control-corner-radius);
    font-family: var(--font-family-monospace, 'Cascadia Code', 'Consolas', monospace);
    font-size: var(--type-ramp-minus-2-font-size);
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 200px;
    overflow-y: auto;
    color: var(--neutral-foreground-rest);
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-rest) transparent;
}

.expand-button[b-fqs6x9liy0] {
    display: inline-block;
    margin-top: 4px;
    padding: 2px 6px;
    background: none;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: var(--control-corner-radius);
    font-size: var(--type-ramp-minus-2-font-size);
    color: var(--accent-fill-rest);
    cursor: pointer;
}

.expand-button:hover[b-fqs6x9liy0] {
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
}
/* /Components/Shared/CommandPalette.razor.rz.scp.css */
.command-palette-backdrop[b-j2r5nskpwy] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: flex;
    justify-content: center;
    padding-top: 120px;
    animation: backdrop-fade-in-b-j2r5nskpwy 0.1s ease-out;
}

.command-palette[b-j2r5nskpwy] {
    width: 100%;
    max-width: 640px;
    background: var(--neutral-fill-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    max-height: 480px;
    display: flex;
    flex-direction: column;
    animation: palette-slide-in-b-j2r5nskpwy 0.15s ease-out;
}

.command-palette-input-row[b-j2r5nskpwy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.command-palette-input[b-j2r5nskpwy] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: var(--neutral-foreground-rest);
    font-family: var(--body-font);
}

.command-palette-input[b-j2r5nskpwy]::placeholder {
    color: var(--neutral-foreground-hint);
}

.command-palette-esc[b-j2r5nskpwy] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 11px;
    font-family: var(--body-font);
    line-height: 1.4;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    flex-shrink: 0;
}

.command-palette-results[b-j2r5nskpwy] {
    overflow-y: auto;
    padding: 8px 0;
}

.command-palette-group[b-j2r5nskpwy] {
    padding: 4px 0;
}

.command-palette-group-header[b-j2r5nskpwy] {
    padding: 8px 20px 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--neutral-foreground-hint);
}

.command-palette-item[b-j2r5nskpwy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    margin: 0 6px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.05s;
}

.command-palette-item:hover[b-j2r5nskpwy],
.command-palette-item.selected[b-j2r5nskpwy] {
    background: var(--accent-fill-rest);
}

.command-palette-item.selected[b-j2r5nskpwy]  span,
.command-palette-item.selected[b-j2r5nskpwy]  kbd,
.command-palette-item:hover[b-j2r5nskpwy]  span,
.command-palette-item:hover[b-j2r5nskpwy]  kbd {
    color: var(--foreground-on-accent-rest) !important;
}

.command-palette-item.selected[b-j2r5nskpwy]  kbd,
.command-palette-item:hover[b-j2r5nskpwy]  kbd {
    background: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.15);
}

.command-palette-item.selected[b-j2r5nskpwy]  svg,
.command-palette-item:hover[b-j2r5nskpwy]  svg {
    fill: var(--foreground-on-accent-rest) !important;
}

.command-palette-item-title[b-j2r5nskpwy] {
    flex: 1;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-palette-item-shortcut[b-j2r5nskpwy] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.command-palette-item-shortcut kbd[b-j2r5nskpwy] {
    display: inline-block;
    padding: 1px 6px;
    font-size: 11px;
    font-family: var(--body-font);
    line-height: 1.4;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 3px;
    min-width: 20px;
    text-align: center;
}

.command-palette-item-badge[b-j2r5nskpwy] {
    font-size: 12px;
    color: var(--accent-fill-rest);
    font-weight: 600;
    flex-shrink: 0;
}

.command-palette-item-subtitle[b-j2r5nskpwy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    flex-shrink: 0;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.command-palette-loading[b-j2r5nskpwy] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 20px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
}

.command-palette-empty[b-j2r5nskpwy] {
    padding: 24px 20px;
    color: var(--neutral-foreground-hint);
    font-size: 14px;
    text-align: center;
}

@keyframes backdrop-fade-in-b-j2r5nskpwy {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes palette-slide-in-b-j2r5nskpwy {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
/* /Components/Shared/CustomFieldsRenderer.razor.rz.scp.css */
.custom-fields-renderer[b-rz8vd8smft] {
    width: 100%;
}

.custom-field-wrapper[b-rz8vd8smft] {
    width: 100%;
}

.field-hint[b-rz8vd8smft] {
    margin: 4px 0 0 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}
/* /Components/Shared/Dialogs/AddTagDialog.razor.rz.scp.css */
.tag-color-dot[b-tp773von0m] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--tag-color);
    display: inline-block;
    margin-right: 4px;
    flex-shrink: 0;
}

.tag-badge[b-tp773von0m] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.tag-badge.clickable[b-tp773von0m] {
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

.tag-badge.clickable:hover[b-tp773von0m] {
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.color-option[b-tp773von0m] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-tp773von0m] {
    transform: scale(1.1);
}

.color-option.selected[b-tp773von0m] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}
/* /Components/Shared/Dialogs/AttachmentPreviewDialog.razor.rz.scp.css */
.preview-toolbar[b-81levgu1t5] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 0;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.search-count[b-81levgu1t5] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    white-space: nowrap;
    padding: 0 4px;
}

.preview-code-container[b-81levgu1t5]  mark.search-highlight {
    background-color: rgba(255, 213, 0, 0.35);
    color: inherit;
    border-radius: 2px;
    padding: 0 1px;
}

.preview-code-container[b-81levgu1t5]  mark.search-highlight.current {
    background-color: rgba(255, 165, 0, 0.7);
    outline: 1px solid rgba(255, 165, 0, 0.9);
}
/* /Components/Shared/Dialogs/BoardTaskDetailDialog.razor.rz.scp.css */
.field-label[b-hyvad1gmb8] {
    margin: 0 0 4px 0;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.assignee-list[b-hyvad1gmb8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.assignee-list[b-hyvad1gmb8]  .hover-card-anchor {
    margin-left: -4px;
}

.assignee-list[b-hyvad1gmb8]  .hover-card-anchor:first-child {
    margin-left: 0;
}

.type-indicator[b-hyvad1gmb8] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

.type-indicator.type-bug[b-hyvad1gmb8] {
    background-color: #fde7e9;
    color: #d13438;
}

.type-indicator.type-feature[b-hyvad1gmb8] {
    background-color: #dff6dd;
    color: #107c10;
}

.type-indicator.type-story[b-hyvad1gmb8] {
    background-color: #e8d4f0;
    color: #8764b8;
}

.type-indicator.type-spike[b-hyvad1gmb8] {
    background-color: #fff4ce;
    color: #8a7600;
}

.type-indicator.type-none[b-hyvad1gmb8] {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

.overdue-text[b-hyvad1gmb8] {
    color: var(--error);
    font-weight: 600;
}

.subtask-list[b-hyvad1gmb8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 8px;
}

.subtask-item[b-hyvad1gmb8] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 4px;
}

.subtask-item:hover[b-hyvad1gmb8] {
    background-color: var(--neutral-layer-2);
}

.subtask-title[b-hyvad1gmb8] {
    flex: 1;
    cursor: default;
}

.subtask-title.completed[b-hyvad1gmb8] {
    text-decoration: line-through;
    color: var(--neutral-foreground-hint);
}

.add-subtask[b-hyvad1gmb8] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    align-items: flex-end;
}

.comments-list[b-hyvad1gmb8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 300px;
    overflow-y: auto;
}

.comment[b-hyvad1gmb8] {
    background-color: var(--neutral-layer-2);
    border-radius: 6px;
    padding: 12px;
    width: 100%;
}

.comment-header[b-hyvad1gmb8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-author[b-hyvad1gmb8] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.comment-avatar[b-hyvad1gmb8] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.comment-avatar.initials[b-hyvad1gmb8] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 600;
    color: white;
    background-color: var(--accent-fill-rest);
}

.add-comment[b-hyvad1gmb8] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    width: 100%;
    align-items: flex-end;
}
/* /Components/Shared/Dialogs/CreateEditTagDialog.razor.rz.scp.css */
.color-option[b-9irjuqjn9n] {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--color);
    cursor: pointer;
    border: 2px solid transparent;
    transition: transform 0.1s, border-color 0.1s;
}

.color-option:hover[b-9irjuqjn9n] {
    transform: scale(1.1);
}

.color-option.selected[b-9irjuqjn9n] {
    border-color: var(--neutral-foreground-rest);
    transform: scale(1.1);
}

.tag-badge[b-9irjuqjn9n] {
    background-color: color-mix(in srgb, var(--tag-color) 20%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--tag-color) 40%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}
/* /Components/Shared/Dialogs/GranolaNoteDetailDialog.razor.rz.scp.css */
.tab-content[b-yqejpvz0pd] {
    padding: 16px 0;
}

.search-bar[b-yqejpvz0pd] {
    margin-bottom: 12px;
}

.transcript-segment[b-yqejpvz0pd] {
    margin-bottom: 12px;
}

.transcript-speaker[b-yqejpvz0pd] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
    margin-bottom: 2px;
}

.transcript-time[b-yqejpvz0pd] {
    margin-left: 8px;
}

[b-yqejpvz0pd] .mono-text {
    font-family: monospace;
    font-size: var(--type-ramp-minus-1-font-size);
}

[b-yqejpvz0pd] .search-highlight {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 30%, transparent);
    color: var(--neutral-foreground-rest);
    padding: 1px 2px;
    border-radius: 2px;
}
/* /Components/Shared/Dialogs/IdeaDetailDialog.razor.rz.scp.css */
.idea-detail[b-dqsonzamuy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.detail-header[b-dqsonzamuy] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.detail-categories[b-dqsonzamuy] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.category-badge[b-dqsonzamuy] {
    background-color: color-mix(in srgb, var(--cat-color) 15%, transparent);
    color: var(--neutral-foreground-rest);
    border: 1px solid color-mix(in srgb, var(--cat-color) 35%, transparent);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
}

.vote-row[b-dqsonzamuy] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vote-count-large[b-dqsonzamuy] {
    font-size: 16px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.voter-avatars[b-dqsonzamuy] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.more-voters[b-dqsonzamuy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    margin-left: 4px;
}

.author-row[b-dqsonzamuy] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.author-name[b-dqsonzamuy] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.time-text[b-dqsonzamuy] {
    color: var(--neutral-foreground-hint);
}

.detail-description[b-dqsonzamuy] {
    font-size: 14px;
    line-height: 1.6;
    color: var(--neutral-foreground-rest);
    white-space: pre-wrap;
}

.admin-section[b-dqsonzamuy] {
    border-top: 1px solid var(--neutral-stroke-rest);
    padding-top: 16px;
}

.admin-section h4[b-dqsonzamuy] {
    margin: 0 0 8px;
    font-size: 14px;
    color: var(--neutral-foreground-hint);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.comments-section[b-dqsonzamuy] {
    border-top: 1px solid var(--neutral-stroke-rest);
    padding-top: 16px;
}

.comments-section h4[b-dqsonzamuy] {
    margin: 0 0 12px;
}

.add-comment[b-dqsonzamuy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.comment-list[b-dqsonzamuy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.comment-item[b-dqsonzamuy] {
    display: flex;
    gap: 8px;
}

.comment-body[b-dqsonzamuy] {
    flex: 1;
    min-width: 0;
}

.comment-header[b-dqsonzamuy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
}

.comment-author[b-dqsonzamuy] {
    font-size: 13px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.comment-time[b-dqsonzamuy] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.comment-text[b-dqsonzamuy] {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--neutral-foreground-rest);
}

.replies[b-dqsonzamuy] {
    margin-top: 8px;
    padding-left: 16px;
    border-left: 2px solid var(--neutral-stroke-rest);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Components/Shared/Dialogs/InviteMemberDialog.razor.rz.scp.css */
.search-results[b-1ilpshe23l] {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
}

.search-result-item[b-1ilpshe23l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.search-result-item:hover[b-1ilpshe23l] {
    background-color: var(--neutral-fill-hover);
}

.selected-user-chip[b-1ilpshe23l] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 16px;
    background: var(--neutral-fill-secondary-rest);
}
/* /Components/Shared/Dialogs/MergeIdeaDialog.razor.rz.scp.css */
/* Give dropdown options enough height for two-line layout */
[b-ypf2p33481] fluent-option {
    min-height: 52px !important;
    height: auto !important;
    padding: 4px 8px !important;
}

/* Selected chip styling */
.selected-idea-chip[b-ypf2p33481] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
    width: 100%;
    border-radius: var(--control-corner-radius);
    background: var(--neutral-fill-stealth-rest);
    border: 1px solid var(--neutral-stroke-rest);
}

.selected-idea-header[b-ypf2p33481] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.selected-idea-number[b-ypf2p33481] {
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    font-weight: 600;
    flex-shrink: 0;
}

.selected-idea-title[b-ypf2p33481] {
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-idea-meta[b-ypf2p33481] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    flex-wrap: wrap;
}
/* /Components/Shared/Dialogs/MoveItemDialog.razor.rz.scp.css */
.move-folder-item[b-j34todvps2] {
    transition: background-color 0.1s;
}

.move-folder-item:hover:not(.disabled)[b-j34todvps2] {
    background-color: var(--neutral-fill-secondary-hover);
}

.move-folder-item.selected[b-j34todvps2] {
    background-color: color-mix(in srgb, var(--accent-fill-rest) 15%, transparent);
    color: var(--accent-fill-rest);
    font-weight: 600;
}

.move-folder-item.disabled[b-j34todvps2] {
    pointer-events: none;
}
/* /Components/Shared/Dialogs/MoveNotebookItemDialog.razor.rz.scp.css */
.folder-browser[b-jhblg9cvaw] {
    min-height: 200px;
    max-height: 350px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--neutral-stroke-rest) transparent;
}

.folder-item[b-jhblg9cvaw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: var(--control-corner-radius);
    transition: background 0.1s ease;
}

.folder-item:hover[b-jhblg9cvaw] {
    background-color: var(--neutral-fill-stealth-hover);
}

.folder-item.selected[b-jhblg9cvaw] {
    background-color: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
}

[b-jhblg9cvaw] .folder-item.selected fluent-icon {
    color: var(--foreground-on-accent-rest);
}

.folder-item.special[b-jhblg9cvaw] {
    font-weight: 500;
}

.folder-name[b-jhblg9cvaw] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chevron[b-jhblg9cvaw] {
    display: flex;
    align-items: center;
    padding: 4px;
    border-radius: var(--control-corner-radius);
    cursor: pointer;
}

.chevron:hover[b-jhblg9cvaw] {
    background-color: var(--neutral-fill-stealth-hover);
}

[b-jhblg9cvaw] .folder-item.selected .chevron:hover {
    background-color: color-mix(in srgb, var(--foreground-on-accent-rest) 20%, transparent);
}

.section-divider[b-jhblg9cvaw] {
    height: 1px;
    background-color: var(--neutral-stroke-divider-rest);
    margin: 4px 0;
}

.empty-state[b-jhblg9cvaw] {
    display: flex;
    justify-content: center;
    padding: 24px 0;
}

.dialog-footer[b-jhblg9cvaw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dialog-footer-actions[b-jhblg9cvaw] {
    display: flex;
    gap: 8px;
}
/* /Components/Shared/Dialogs/PromoteIdeaDialog.razor.rz.scp.css */
.promote-form[b-92d18519f4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Components/Shared/Dialogs/ReviewDetailDialog.razor.rz.scp.css */
.round-item[b-2nq48d6nx8] {
    padding: 8px 12px;
    border-left: 3px solid var(--neutral-stroke-rest);
    background: var(--neutral-fill-secondary-rest);
    border-radius: 0 4px 4px 0;
}

.overdue-text[b-2nq48d6nx8] {
    color: var(--error);
    font-weight: 600;
}
/* /Components/Shared/Dialogs/SubmitIdeaDialog.razor.rz.scp.css */
.fluent-label[b-ov2yn7i3va] {
    font-size: 14px;
    font-weight: 600;
    color: var(--neutral-foreground-rest);
    display: block;
    margin-bottom: 6px;
}

.category-chips[b-ov2yn7i3va] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.category-chip[b-ov2yn7i3va] {
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    border: 1px solid color-mix(in srgb, var(--cat-color) 40%, transparent);
    background: color-mix(in srgb, var(--cat-color) 10%, transparent);
    color: var(--neutral-foreground-rest);
    user-select: none;
}

.category-chip:hover[b-ov2yn7i3va] {
    background: color-mix(in srgb, var(--cat-color) 25%, transparent);
}

.category-chip.selected[b-ov2yn7i3va] {
    background: color-mix(in srgb, var(--cat-color) 30%, transparent);
    border-color: color-mix(in srgb, var(--cat-color) 70%, transparent);
    font-weight: 600;
}

.button-content[b-ov2yn7i3va] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

/* Similarity results */

.similarity-results[b-ov2yn7i3va] {
    margin-top: 16px;
}

.similarity-card[b-ov2yn7i3va] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 8px;
    background: var(--neutral-layer-card-container);
}

.similarity-card-header[b-ov2yn7i3va] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.similarity-card-title[b-ov2yn7i3va] {
    font-weight: 600;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}

.similarity-confidence[b-ov2yn7i3va] {
    margin-bottom: 8px;
}

.confidence-label[b-ov2yn7i3va] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    display: block;
    margin-bottom: 4px;
}

.similarity-card-meta[b-ov2yn7i3va] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.similarity-analysis[b-ov2yn7i3va] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: var(--neutral-layer-card-container);
    border: 1px solid var(--neutral-stroke-rest);
}

.similarity-analysis p[b-ov2yn7i3va] {
    margin: 0;
    font-size: 13px;
    white-space: pre-wrap;
    color: var(--neutral-foreground-rest);
}
/* /Components/Shared/Dialogs/UploadDocumentDialog.razor.rz.scp.css */
.tag-chip[b-g7uqdlyirw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 16px;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid var(--neutral-stroke-rest);
    background: transparent;
    transition: background-color 0.15s, border-color 0.15s;
}

.tag-chip:hover[b-g7uqdlyirw] {
    background-color: var(--neutral-fill-secondary-hover);
}

.tag-chip.selected[b-g7uqdlyirw] {
    background: color-mix(in srgb, var(--tag-color) 20%, transparent);
    border-color: var(--tag-color);
}

.tag-color-dot[b-g7uqdlyirw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--tag-color);
    flex-shrink: 0;
}

.upload-area[b-g7uqdlyirw] {
    border: 2px dashed var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 32px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s, background-color 0.15s;
}

.upload-area:hover[b-g7uqdlyirw] {
    border-color: var(--accent-fill-rest);
    background-color: var(--neutral-fill-secondary-hover);
}

.upload-label[b-g7uqdlyirw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--neutral-foreground-hint);
}
/* /Components/Shared/Dialogs/UserDetailDialog.razor.rz.scp.css */
.detail-label[b-m4jfo17s0l] {
    font-weight: 600;
    min-width: 140px;
}

.detail-value[b-m4jfo17s0l] {
    color: var(--neutral-foreground-hint);
}

.header-email[b-m4jfo17s0l] {
    font-size: var(--type-ramp-minus-1-font-size);
    color: var(--neutral-foreground-hint);
}

.section-heading[b-m4jfo17s0l] {
    margin: 0 0 12px 0;
}

.section-description[b-m4jfo17s0l] {
    margin: 0 0 8px 0;
    color: var(--neutral-foreground-hint);
}
/* /Components/Shared/Dialogs/VersionHistoryDialog.razor.rz.scp.css */
.version-list[b-8j6w1sgpkf] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.version-item[b-8j6w1sgpkf] {
    padding: 12px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.version-item:last-child[b-8j6w1sgpkf] {
    border-bottom: none;
}

.version-meta[b-8j6w1sgpkf] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}

.meta-separator[b-8j6w1sgpkf] {
    color: var(--neutral-foreground-hint);
}

.change-notes[b-8j6w1sgpkf] {
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    margin-top: 4px;
    font-style: italic;
}

.version-preview-content[b-8j6w1sgpkf] {
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    padding: 16px;
    max-height: 400px;
    overflow-y: auto;
    background: var(--neutral-layer-1);
}
/* /Components/Shared/EntityAttachmentPanel.razor.rz.scp.css */
.attachment-panel[b-h9q7rigl4o] {
    margin-top: 4px;
    width: 100%;
}

.panel-header[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.header-actions[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.upload-button[b-h9q7rigl4o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    border: 1px solid var(--accent-fill-rest);
    border-radius: 4px;
    color: var(--accent-fill-rest);
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s;
}

.upload-button:hover[b-h9q7rigl4o] {
    background: color-mix(in srgb, var(--accent-fill-rest) 10%, transparent);
}

.empty-state[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    color: var(--neutral-foreground-hint);
    font-size: 13px;
}

.attachment-list[b-h9q7rigl4o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.attachment-row[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: 4px;
    transition: background 0.15s;
}

.attachment-row:hover[b-h9q7rigl4o] {
    background: var(--neutral-fill-stealth-hover);
}

.attachment-left[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.attachment-info[b-h9q7rigl4o] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.attachment-name[b-h9q7rigl4o] {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--neutral-foreground-rest);
    text-decoration: none;
}

a.attachment-name[b-h9q7rigl4o] {
    cursor: pointer;
}

a.attachment-name:hover[b-h9q7rigl4o] {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.attachment-meta[b-h9q7rigl4o] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.attachment-actions[b-h9q7rigl4o] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}
/* /Components/Shared/GitHubLinkCard.razor.rz.scp.css */
.github-link-item[b-2z8guhcr2b] {
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.github-link-item:last-child[b-2z8guhcr2b] {
    border-bottom: none;
}

.github-link-main[b-2z8guhcr2b] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.github-link-icon[b-2z8guhcr2b] {
    flex-shrink: 0;
    padding-top: 2px;
}

.github-link-content[b-2z8guhcr2b] {
    flex: 1;
    min-width: 0;
}

.github-link-title[b-2z8guhcr2b] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.github-link-title a[b-2z8guhcr2b] {
    color: var(--neutral-foreground-rest);
    text-decoration: none;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.github-link-title a:hover[b-2z8guhcr2b] {
    color: var(--accent-fill-rest);
    text-decoration: underline;
}

.pr-number[b-2z8guhcr2b] {
    color: var(--neutral-foreground-hint);
    font-weight: 400;
    margin-right: 4px;
}

.state-badge[b-2z8guhcr2b] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 12px;
    text-transform: capitalize;
    flex-shrink: 0;
}

.state-badge.state-open[b-2z8guhcr2b] {
    background: color-mix(in srgb, #22c55e 15%, transparent);
    color: #22c55e;
}

.state-badge.state-merged[b-2z8guhcr2b] {
    background: color-mix(in srgb, #8b5cf6 15%, transparent);
    color: #8b5cf6;
}

.state-badge.state-closed[b-2z8guhcr2b] {
    background: color-mix(in srgb, #ef4444 15%, transparent);
    color: #ef4444;
}

.state-badge.state-draft[b-2z8guhcr2b] {
    background: color-mix(in srgb, #6b7280 15%, transparent);
    color: #6b7280;
}

.github-link-meta[b-2z8guhcr2b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    flex-wrap: wrap;
}

.branch-ref[b-2z8guhcr2b] {
    font-family: var(--font-mono, monospace);
    font-size: 11px;
    background: var(--neutral-fill-secondary-rest);
    padding: 1px 6px;
    border-radius: 4px;
}

.stat-pill[b-2z8guhcr2b] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.stat-additions[b-2z8guhcr2b] {
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    color: #22c55e;
    font-weight: 600;
}

.stat-deletions[b-2z8guhcr2b] {
    font-size: 11px;
    font-family: var(--font-mono, monospace);
    color: #ef4444;
    font-weight: 600;
}

.github-link-actions[b-2z8guhcr2b] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

/* ── Expanded detail ── */

.github-link-detail[b-2z8guhcr2b] {
    margin-top: 10px;
    margin-left: 26px;
    padding: 12px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 6px;
    font-size: 13px;
}

.detail-loading[b-2z8guhcr2b] {
    padding: 4px 0;
}

.detail-description[b-2z8guhcr2b] {
    margin-bottom: 12px;
    color: var(--neutral-foreground-rest);
    line-height: 1.5;
    max-height: 300px;
    overflow-y: auto;
}

.detail-stats[b-2z8guhcr2b] {
    display: flex;
    gap: 10px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    margin-bottom: 10px;
}

.detail-timeline[b-2z8guhcr2b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.timeline-item[b-2z8guhcr2b] {
    padding: 8px;
    background: var(--neutral-layer-1);
    border-radius: 4px;
}

.timeline-header[b-2z8guhcr2b] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    margin-bottom: 4px;
}

.timeline-author[b-2z8guhcr2b] {
    font-weight: 600;
    color: var(--neutral-foreground-rest);
}

.timeline-date[b-2z8guhcr2b] {
    color: var(--neutral-foreground-hint);
    margin-left: auto;
}

.timeline-body[b-2z8guhcr2b] {
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    line-height: 1.4;
}

.review-state[b-2z8guhcr2b] {
    font-size: 10px;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 10px;
}

.review-state.review-approved[b-2z8guhcr2b] {
    background: color-mix(in srgb, #22c55e 15%, transparent);
    color: #22c55e;
}

.review-state.review-changes_requested[b-2z8guhcr2b] {
    background: color-mix(in srgb, #ef4444 15%, transparent);
    color: #ef4444;
}

.review-state.review-commented[b-2z8guhcr2b] {
    background: color-mix(in srgb, #6b7280 15%, transparent);
    color: #6b7280;
}

.review-state.review-dismissed[b-2z8guhcr2b] {
    background: color-mix(in srgb, #6b7280 15%, transparent);
    color: #6b7280;
}

.detail-empty[b-2z8guhcr2b] {
    color: var(--neutral-foreground-hint);
    margin: 4px 0;
    font-style: italic;
}

.detail-error[b-2z8guhcr2b] {
    color: #ef4444;
    margin: 4px 0;
}

/* ── Markdown body ── */

[b-2z8guhcr2b] .markdown-body p {
    margin: 0 0 8px;
}

[b-2z8guhcr2b] .markdown-body p:last-child {
    margin-bottom: 0;
}

[b-2z8guhcr2b] .markdown-body h1,
[b-2z8guhcr2b] .markdown-body h2,
[b-2z8guhcr2b] .markdown-body h3 {
    margin: 12px 0 6px;
    line-height: 1.3;
}

[b-2z8guhcr2b] .markdown-body h2 {
    font-size: 1.1em;
}

[b-2z8guhcr2b] .markdown-body h3 {
    font-size: 1em;
}

[b-2z8guhcr2b] .markdown-body ul,
[b-2z8guhcr2b] .markdown-body ol {
    margin: 4px 0 8px;
    padding-left: 20px;
}

[b-2z8guhcr2b] .markdown-body li {
    margin-bottom: 2px;
}

[b-2z8guhcr2b] .markdown-body code {
    font-family: var(--font-mono, monospace);
    font-size: 0.9em;
    background: color-mix(in srgb, var(--neutral-foreground-rest) 12%, transparent);
    color: var(--neutral-foreground-rest);
    padding: 2px 6px;
    border-radius: 3px;
}

[b-2z8guhcr2b] .markdown-body pre {
    background: var(--neutral-fill-secondary-rest);
    padding: 8px 10px;
    border-radius: 4px;
    overflow-x: auto;
    margin: 6px 0;
}

[b-2z8guhcr2b] .markdown-body pre code {
    background: none;
    padding: 0;
}

[b-2z8guhcr2b] .markdown-body blockquote {
    margin: 6px 0;
    padding: 4px 12px;
    border-left: 3px solid var(--neutral-stroke-divider-rest);
    color: var(--neutral-foreground-hint);
}

[b-2z8guhcr2b] .markdown-body a {
    color: #58a6ff;
    text-decoration: none;
}

[b-2z8guhcr2b] .markdown-body a:hover {
    text-decoration: underline;
}

[b-2z8guhcr2b] .markdown-body hr {
    border: none;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
    margin: 8px 0;
}

[b-2z8guhcr2b] .markdown-body img {
    max-width: 100%;
    border-radius: 4px;
}
/* /Components/Shared/KeyboardShortcutListener.razor.rz.scp.css */
.chord-indicator[b-p5rgn4sb37] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: var(--neutral-fill-stealth-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
    z-index: 9998;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    animation: chord-fade-in-b-p5rgn4sb37 0.1s ease-out;
}

.chord-indicator kbd[b-p5rgn4sb37] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    font-family: var(--body-font);
    line-height: 1.4;
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 var(--neutral-stroke-rest);
}

@keyframes chord-fade-in-b-p5rgn4sb37 {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Shared/MemberHoverCard.razor.rz.scp.css */
.hover-card-anchor[b-wj84cjuacj] {
    display: inline-flex;
    position: relative;
}

/* Avatar circle - default size */
.avatar-circle[b-wj84cjuacj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    color: white;
    border: 2px solid var(--neutral-layer-1);
    cursor: default;
    position: relative;
}

img.avatar-circle[b-wj84cjuacj] {
    object-fit: cover;
}

/* Small size variant */
.hover-card-anchor.small .avatar-circle[b-wj84cjuacj] {
    width: 24px;
    height: 24px;
    font-size: 9px;
}

/* Role-based background colors */
.avatar-circle.owner[b-wj84cjuacj] {
    background-color: #107C10;
}

.avatar-circle.admin[b-wj84cjuacj] {
    background-color: #0078D4;
}

.avatar-circle.member[b-wj84cjuacj] {
    background-color: #CA5010;
}

.avatar-circle.viewer[b-wj84cjuacj] {
    background-color: #6B6B6B;
}

/* Hover card tooltip content */
.hover-card-content[b-wj84cjuacj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 8px 4px;
    min-width: 180px;
}

.hover-card-persona[b-wj84cjuacj] {
    flex-shrink: 0;
}

.hover-card-image[b-wj84cjuacj] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
}

.hover-card-initials[b-wj84cjuacj] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.hover-card-initials.owner[b-wj84cjuacj] {
    background-color: #107C10;
}

.hover-card-initials.admin[b-wj84cjuacj] {
    background-color: #0078D4;
}

.hover-card-initials.member[b-wj84cjuacj] {
    background-color: #CA5010;
}

.hover-card-initials.viewer[b-wj84cjuacj] {
    background-color: #6B6B6B;
}

.hover-card-info[b-wj84cjuacj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.hover-card-name[b-wj84cjuacj] {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3;
    color: var(--neutral-foreground-rest);
}

.hover-card-email[b-wj84cjuacj] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    word-break: break-all;
}

/* /Components/Shared/PageBreadcrumb.razor.rz.scp.css */
.page-breadcrumb[b-8li4tt8eey] {
    margin-bottom: 12px;
}

.breadcrumb-list[b-8li4tt8eey] {
    display: flex;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 6px 12px;
    background: color-mix(in srgb, var(--neutral-fill-secondary-rest) 50%, transparent);
    border-radius: 6px;
    font-size: 13px;
}

.breadcrumb-item[b-8li4tt8eey] {
    display: flex;
    align-items: center;
}

.breadcrumb-separator[b-8li4tt8eey] {
    display: flex;
    align-items: center;
    opacity: 0.5;
}

.breadcrumb-link[b-8li4tt8eey] {
    display: inline-flex;
    align-items: center;
    height: 16px;
    gap: 4px;
    color: var(--neutral-foreground-hint);
    text-decoration: none;
    padding: 4px 6px;
    border-radius: 4px;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.breadcrumb-link:hover[b-8li4tt8eey] {
    color: var(--accent-fill-rest);
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
    text-decoration: none;
}

.breadcrumb-current[b-8li4tt8eey] {
    display: inline-flex;
    align-items: center;
    height: 16px;
    color: var(--neutral-foreground-rest);
    font-weight: 600;
    padding: 4px 6px;
}

[b-8li4tt8eey] svg {
    display: block;
}
/* /Components/Shared/ReviewPanel.razor.rz.scp.css */
.review-item[b-e0u5e41q8y] {
    padding: 10px 14px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.review-item:hover[b-e0u5e41q8y] {
    background-color: var(--neutral-fill-secondary-hover);
}

.review-header[b-e0u5e41q8y] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.review-title[b-e0u5e41q8y] {
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Type badges */
.review-type[b-e0u5e41q8y] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.review-type.type-qa[b-e0u5e41q8y] {
    background: color-mix(in srgb, #0ea5e9 18%, transparent);
    color: #38bdf8;
}

.review-type.type-code-review[b-e0u5e41q8y] {
    background: color-mix(in srgb, #8b5cf6 18%, transparent);
    color: #a78bfa;
}

.review-type.type-uat[b-e0u5e41q8y] {
    background: color-mix(in srgb, #f59e0b 18%, transparent);
    color: #fbbf24;
}

.review-type.type-design[b-e0u5e41q8y] {
    background: color-mix(in srgb, #ec4899 18%, transparent);
    color: #f472b6;
}

.review-type.type-security[b-e0u5e41q8y] {
    background: color-mix(in srgb, #ef4444 18%, transparent);
    color: #f87171;
}

/* Metadata row */
.review-meta[b-e0u5e41q8y] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

/* Status badges */
.review-status[b-e0u5e41q8y] {
    font-size: 11px;
    font-weight: 500;
    padding: 1px 8px;
    border-radius: 10px;
    white-space: nowrap;
}

.review-status.status-open[b-e0u5e41q8y] {
    background: color-mix(in srgb, #3b82f6 18%, transparent);
    color: #60a5fa;
}

.review-status.status-in-progress[b-e0u5e41q8y] {
    background: color-mix(in srgb, #f59e0b 18%, transparent);
    color: #fbbf24;
}

.review-status.status-approved[b-e0u5e41q8y] {
    background: color-mix(in srgb, #22c55e 18%, transparent);
    color: #4ade80;
}

.review-status.status-changes-requested[b-e0u5e41q8y] {
    background: color-mix(in srgb, #f97316 18%, transparent);
    color: #fb923c;
}

.review-status.status-closed[b-e0u5e41q8y] {
    background: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-hint);
}

.review-date[b-e0u5e41q8y] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.review-date.overdue[b-e0u5e41q8y] {
    color: #f87171;
    font-weight: 600;
}

.review-round[b-e0u5e41q8y] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    background: var(--neutral-fill-secondary-rest);
    padding: 1px 6px;
    border-radius: 4px;
}

/* Assignee avatars — same pattern as BoardTaskDetailDialog */
.assignee-list[b-e0u5e41q8y] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
}

.assignee-list[b-e0u5e41q8y]  .hover-card-anchor {
    margin-left: -4px;
}

.assignee-list[b-e0u5e41q8y]  .hover-card-anchor:first-child {
    margin-left: 0;
}
/* /Components/Shared/RichTextEditor.razor.rz.scp.css */
/*
 * Component-scoped CSS for the RichTextEditor wrapper.
 * All Quill-specific styling is in wwwroot/css/rich-text-editor.css (global)
 * because Quill creates DOM elements dynamically outside Blazor's CSS isolation scope.
 */
.rich-text-editor[b-zp54kd19vw] {
    width: 100%;
}
/* /Components/Shared/RoundBudgetWidget.razor.rz.scp.css */
.budget-widget[b-fl8us9ja5x] {
    padding: 16px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 8px;
    background: var(--neutral-layer-card-container);
}

.budget-title[b-fl8us9ja5x] {
    margin: 0 0 12px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--neutral-foreground-hint);
}

.budget-summary[b-fl8us9ja5x] {
    margin-bottom: 12px;
}

.budget-number[b-fl8us9ja5x] {
    display: flex;
    align-items: baseline;
    gap: 4px;
    margin-bottom: 6px;
}

.budget-remaining[b-fl8us9ja5x] {
    font-size: 28px;
    font-weight: 700;
    color: var(--accent-foreground-rest);
}

.budget-total[b-fl8us9ja5x] {
    font-size: 14px;
    color: var(--neutral-foreground-hint);
}

.budget-allocations[b-fl8us9ja5x] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--neutral-stroke-divider-rest);
}

.allocation-row[b-fl8us9ja5x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    font-size: 13px;
}

.allocation-idea[b-fl8us9ja5x] {
    color: var(--neutral-foreground-rest);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.allocation-points[b-fl8us9ja5x] {
    font-weight: 600;
    color: var(--accent-foreground-rest);
    white-space: nowrap;
    margin-left: 8px;
}

.budget-empty[b-fl8us9ja5x] {
    font-size: 13px;
    color: var(--neutral-foreground-hint);
    margin: 0;
    font-style: italic;
}
/* /Components/Shared/RoundCountdownBanner.razor.rz.scp.css */
.countdown-content[b-o1twq5zg2b] {
    display: flex;
    align-items: center;
    gap: 8px;
}
/* /Components/Shared/ScoreBreakdownTooltip.razor.rz.scp.css */
.score-breakdown[b-mgoqxzv2mw] {
    padding: 12px;
    min-width: 220px;
}

.score-header[b-mgoqxzv2mw] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.score-total[b-mgoqxzv2mw] {
    font-size: 24px;
    font-weight: 700;
    color: var(--accent-foreground-rest);
}

.score-label[b-mgoqxzv2mw] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.score-factors[b-mgoqxzv2mw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.score-factor[b-mgoqxzv2mw] {
    display: grid;
    grid-template-columns: 1fr 70px 40px;
    align-items: center;
    gap: 8px;
}

.factor-name[b-mgoqxzv2mw] {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
}

.factor-value[b-mgoqxzv2mw] {
    font-size: 12px;
    font-weight: 600;
    text-align: right;
    color: var(--neutral-foreground-rest);
}

.factor-bar-track[b-mgoqxzv2mw] {
    height: 6px;
    background: var(--neutral-fill-secondary-rest);
    border-radius: 3px;
    overflow: hidden;
}

.factor-bar[b-mgoqxzv2mw] {
    height: 100%;
    border-radius: 3px;
    transition: width 0.3s ease;
}
/* /Components/Shared/ScratchPadPanel.razor.rz.scp.css */
.scratchpad-backdrop[b-4ywkgp3ki7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 900;
}

.scratchpad-panel[b-4ywkgp3ki7] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 480px;
    max-width: 90vw;
    background: var(--neutral-layer-1);
    border-left: 1px solid var(--neutral-stroke-divider-rest);
    box-shadow: -4px 0 16px rgba(0, 0, 0, 0.15);
    z-index: 901;
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.25s ease-out;
}

.scratchpad-panel.open[b-4ywkgp3ki7] {
    transform: translateX(0);
}

.scratchpad-header[b-4ywkgp3ki7] {
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    flex-shrink: 0;
}

.scratchpad-input[b-4ywkgp3ki7] {
    padding: 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-shrink: 0;
}

/* Section pills */
.section-pills[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
}

.section-pill[b-4ywkgp3ki7] {
    background: var(--neutral-fill-stealth-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 14px;
    padding: 3px 12px;
    font-size: 12px;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    gap: 4px;
}

.section-pill:hover[b-4ywkgp3ki7] {
    background: var(--neutral-fill-stealth-hover);
}

.section-pill.active[b-4ywkgp3ki7] {
    background: var(--accent-fill-rest);
    color: var(--foreground-on-accent-rest);
    border-color: var(--accent-fill-rest);
}

.section-pill.add-section[b-4ywkgp3ki7] {
    padding: 3px 8px;
    border-style: dashed;
}

.section-pill-input[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
}

.section-count[b-4ywkgp3ki7] {
    font-size: 10px;
    opacity: 0.7;
}

/* Notes list */
.scratchpad-notes[b-4ywkgp3ki7] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.scratchpad-note[b-4ywkgp3ki7] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    transition: background-color 0.15s ease;
    position: relative;
}

.scratchpad-note:hover[b-4ywkgp3ki7] {
    background: color-mix(in srgb, var(--neutral-foreground-rest) 5%, transparent);
}

.scratchpad-note.pinned[b-4ywkgp3ki7] {
    background: color-mix(in srgb, var(--accent-fill-rest) 8%, transparent);
}

.scratchpad-note.pinned:hover[b-4ywkgp3ki7] {
    background: color-mix(in srgb, var(--accent-fill-rest) 12%, transparent);
}

/* SortableJS item wrapper */
[b-4ywkgp3ki7] .sortable-item {
    height: auto !important;
    display: block !important;
}

.note-drag-handle[b-4ywkgp3ki7] {
    cursor: grab;
    opacity: 0;
    transition: opacity 0.1s ease;
    display: flex;
    align-items: center;
    padding: 2px;
    flex-shrink: 0;
}

.scratchpad-note:hover .note-drag-handle[b-4ywkgp3ki7] {
    opacity: 0.4;
}

.note-drag-handle:hover[b-4ywkgp3ki7] {
    opacity: 1 !important;
}

.scratchpad-note-content[b-4ywkgp3ki7] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 4px;
}

.scratchpad-note-text[b-4ywkgp3ki7] {
    font-size: 13px;
    line-height: 1.4;
    color: var(--neutral-foreground-rest);
    white-space: pre-wrap;
    word-break: break-word;
}

.scratchpad-note-converted[b-4ywkgp3ki7] {
    margin: 4px 0;
}

.scratchpad-note-edit[b-4ywkgp3ki7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.scratchpad-note-footer[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}

.scratchpad-note-time[b-4ywkgp3ki7] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
}

.scratchpad-note-actions[b-4ywkgp3ki7] {
    display: flex;
    gap: 2px;
    opacity: 0;
    transition: opacity 0.15s ease;
    background: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 6px;
    padding: 2px;
}

.scratchpad-note:hover .scratchpad-note-actions[b-4ywkgp3ki7] {
    opacity: 1;
}

/* Checklist items */
.checklist-items[b-4ywkgp3ki7] {
    margin: 6px 0 2px 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.checklist-item[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 0;
    margin-left: 2px;
    border-radius: 4px;
    transition: background-color 0.1s ease;
}

.checklist-item.readonly[b-4ywkgp3ki7] {
    opacity: 0.7;
    gap: 6px;
}

.checklist-item.readonly .checklist-item-text[b-4ywkgp3ki7] {
    cursor: default;
}

.checklist-item.readonly .checklist-item-text:hover[b-4ywkgp3ki7] {
    background: transparent;
}

.checklist-item.completed .checklist-item-text[b-4ywkgp3ki7] {
    text-decoration: line-through;
    color: var(--neutral-foreground-hint);
}

.checklist-item-text[b-4ywkgp3ki7] {
    font-size: 13px;
    line-height: 1.3;
    color: var(--neutral-foreground-rest);
    flex: 1;
    cursor: text;
    padding: 1px 0;
    border-radius: 3px;
}

.checklist-item-text:hover[b-4ywkgp3ki7] {
    background: color-mix(in srgb, var(--neutral-foreground-rest) 6%, transparent);
}

.drag-handle[b-4ywkgp3ki7] {
    cursor: grab;
    opacity: 0;
    transition: opacity 0.1s ease;
    display: flex;
    align-items: center;
    padding: 2px;
    flex-shrink: 0;
}

.checklist-item:hover .drag-handle[b-4ywkgp3ki7] {
    opacity: 0.5;
}

.drag-handle:hover[b-4ywkgp3ki7] {
    opacity: 1 !important;
}

.checklist-item-delete[b-4ywkgp3ki7] {
    opacity: 0;
    transition: opacity 0.1s ease;
    flex-shrink: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    color: var(--neutral-foreground-hint);
}

.checklist-item:hover .checklist-item-delete[b-4ywkgp3ki7] {
    opacity: 0.5;
}

.checklist-item-delete:hover[b-4ywkgp3ki7] {
    opacity: 1 !important;
    background: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

.checklist-edit-input[b-4ywkgp3ki7] {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--accent-fill-rest);
    color: var(--neutral-foreground-rest);
    font-size: 13px;
    padding: 2px 0;
    outline: none;
}

.checklist-add-item[b-4ywkgp3ki7] {
    margin-left: 28px;
    margin-top: 2px;
}

.checklist-add-input[b-4ywkgp3ki7] {
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    font-size: 13px;
    padding: 4px 0;
    outline: none;
}

.checklist-add-input:focus[b-4ywkgp3ki7] {
    border-bottom-color: var(--accent-fill-rest);
}

.checklist-add-input[b-4ywkgp3ki7]::placeholder {
    color: var(--neutral-foreground-hint);
}

.checklist-add-button[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: var(--neutral-foreground-hint);
    font-size: 12px;
    cursor: pointer;
    padding: 2px 0;
}

.checklist-add-button:hover[b-4ywkgp3ki7] {
    color: var(--neutral-foreground-rest);
}

.checklist-progress[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    margin-top: 4px;
    margin-left: 28px;
}

.progress-bar[b-4ywkgp3ki7] {
    flex: 1;
    height: 3px;
    background: color-mix(in srgb, var(--neutral-foreground-rest) 20%, transparent);
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-4ywkgp3ki7] {
    height: 100%;
    background: var(--accent-fill-rest);
    border-radius: 2px;
    transition: width 0.2s ease;
}

/* Checklist builder (input area) */
.checklist-builder[b-4ywkgp3ki7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.checklist-builder-item[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.checklist-builder-input[b-4ywkgp3ki7] {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    font-size: 13px;
    padding: 4px 2px;
    outline: none;
}

.checklist-builder-input:focus[b-4ywkgp3ki7] {
    border-bottom-color: var(--accent-fill-rest);
}

.checklist-builder-input[b-4ywkgp3ki7]::placeholder {
    color: var(--neutral-foreground-hint);
}

.checklist-builder-remove[b-4ywkgp3ki7] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    opacity: 0.4;
    color: var(--neutral-foreground-hint);
}

.checklist-builder-remove:hover[b-4ywkgp3ki7] {
    opacity: 1;
    background: color-mix(in srgb, var(--error) 15%, transparent);
}

/* Color picker */
.color-picker-row[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.color-dot[b-4ywkgp3ki7] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.color-dot:hover[b-4ywkgp3ki7] {
    transform: scale(1.15);
}

.color-dot.selected[b-4ywkgp3ki7] {
    border-color: var(--neutral-foreground-rest);
}

.color-dot.no-color[b-4ywkgp3ki7] {
    background: var(--neutral-fill-secondary-rest);
    border: 2px dashed var(--neutral-stroke-rest);
}

.color-dot.no-color.selected[b-4ywkgp3ki7] {
    border-color: var(--neutral-foreground-rest);
    border-style: solid;
}

/* Popovers */
.note-popover[b-4ywkgp3ki7] {
    position: absolute;
    right: 16px;
    bottom: 40px;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 10;
    min-width: 120px;
}

.move-option[b-4ywkgp3ki7] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 6px 12px;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 4px;
}

.move-option:hover[b-4ywkgp3ki7] {
    background: var(--neutral-fill-stealth-hover);
}

.move-option.active[b-4ywkgp3ki7] {
    color: var(--accent-fill-rest);
    font-weight: 600;
}

/* Context menu */
/* Context menu */
.context-menu-backdrop[b-4ywkgp3ki7] {
    position: fixed;
    inset: 0;
    z-index: 950;
}

.context-menu-fixed[b-4ywkgp3ki7] {
    position: fixed;
    background: var(--neutral-layer-floating);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 951;
    min-width: 140px;
}

.context-menu-item[b-4ywkgp3ki7] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding: 6px 12px;
    font-size: 13px;
    color: var(--neutral-foreground-rest);
    cursor: pointer;
    border-radius: 4px;
}

.context-menu-item:hover[b-4ywkgp3ki7] {
    background: var(--neutral-fill-stealth-hover);
}

.context-menu-item.destructive[b-4ywkgp3ki7] {
    color: var(--error);
}

.context-menu-item.destructive:hover[b-4ywkgp3ki7] {
    background: color-mix(in srgb, var(--error) 10%, transparent);
}

/* Section name inputs */
.section-name-input[b-4ywkgp3ki7] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    font-size: 12px;
    padding: 4px 2px;
    outline: none;
    width: 100px;
}

.section-name-input:focus[b-4ywkgp3ki7] {
    border-bottom-color: var(--accent-fill-rest);
}

.section-name-input[b-4ywkgp3ki7]::placeholder {
    color: var(--neutral-foreground-hint);
}

.section-rename-input[b-4ywkgp3ki7] {
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--neutral-stroke-rest);
    color: var(--neutral-foreground-rest);
    font-size: 13px;
    padding: 4px 2px;
    outline: none;
    width: 140px;
}

.section-rename-input:focus[b-4ywkgp3ki7] {
    border-bottom-color: var(--accent-fill-rest);
}

.section-rename-input[b-4ywkgp3ki7]::placeholder {
    color: var(--neutral-foreground-hint);
}

/* /Components/Shared/ShortcutHelpOverlay.razor.rz.scp.css */
.shortcut-help-backdrop[b-kc0ml8h0nz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: help-backdrop-fade-in-b-kc0ml8h0nz 0.1s ease-out;
}

.shortcut-help-panel[b-kc0ml8h0nz] {
    width: 100%;
    max-width: 520px;
    background: var(--neutral-fill-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    animation: help-slide-in-b-kc0ml8h0nz 0.15s ease-out;
}

.shortcut-help-header[b-kc0ml8h0nz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px 12px;
    border-bottom: 1px solid var(--neutral-stroke-rest);
}

.shortcut-help-body[b-kc0ml8h0nz] {
    padding: 16px 24px 24px;
    overflow-y: auto;
}

.shortcut-help-section[b-kc0ml8h0nz] {
    margin-bottom: 20px;
}

.shortcut-help-section:last-child[b-kc0ml8h0nz] {
    margin-bottom: 0;
}

.shortcut-help-section h4[b-kc0ml8h0nz] {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--neutral-foreground-hint);
}

.shortcut-help-row[b-kc0ml8h0nz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: 14px;
    color: var(--neutral-foreground-rest);
}

.shortcut-help-keys[b-kc0ml8h0nz] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.shortcut-help-keys kbd[b-kc0ml8h0nz] {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    font-family: var(--body-font);
    line-height: 1.4;
    color: var(--neutral-foreground-rest);
    background: var(--neutral-fill-secondary-rest);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 4px;
    box-shadow: inset 0 -1px 0 var(--neutral-stroke-rest);
    min-width: 24px;
    text-align: center;
}

@keyframes help-backdrop-fade-in-b-kc0ml8h0nz {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes help-slide-in-b-kc0ml8h0nz {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* /Components/Shared/SprintBoardView.razor.rz.scp.css */
.board-container[b-z6mm0j4f5z] {
    max-width: 100%;
}

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

.toolbar-left[b-z6mm0j4f5z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}

.toolbar-right[b-z6mm0j4f5z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.sprint-board[b-z6mm0j4f5z] {
    display: flex;
    gap: 16px;
    min-height: 400px;
    padding-bottom: 16px;
}

.sprint-column[b-z6mm0j4f5z] {
    flex: 1;
    min-width: 0;
    background-color: var(--neutral-layer-2);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
}

.column-header[b-z6mm0j4f5z] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
    background-color: var(--neutral-layer-3);
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.column-title[b-z6mm0j4f5z] {
    font-weight: 600;
    font-size: 14px;
}

/* SortableJS item wrapper */
[b-z6mm0j4f5z] .sortable-item {
    height: auto !important;
    display: block !important;
}

/* Task cards inside FluentSortableList */
[b-z6mm0j4f5z] .task-card {
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    cursor: grab;
    transition: transform 0.1s, box-shadow 0.1s, opacity 0.2s;
}

[b-z6mm0j4f5z] .task-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

[b-z6mm0j4f5z] .task-card.overdue {
    border-left: 3px solid var(--error);
}

[b-z6mm0j4f5z] .task-card.priority-critical {
    border-left: 3px solid #d13438;
}

[b-z6mm0j4f5z] .task-card.priority-high {
    border-left: 3px solid #ca5010;
}

[b-z6mm0j4f5z] .task-card.priority-medium {
    border-left: 3px solid #eaa300;
}

[b-z6mm0j4f5z] .task-card.priority-low {
    border-left: 3px solid #0078d4;
}

[b-z6mm0j4f5z] .task-card-content {
    padding: 12px;
    cursor: pointer;
}

[b-z6mm0j4f5z] .task-title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
}

[b-z6mm0j4f5z] .global-number {
    color: var(--neutral-foreground-hint);
    font-weight: 500;
    font-size: 12px;
}

[b-z6mm0j4f5z] .task-description {
    font-size: 12px;
    color: var(--neutral-foreground-hint);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

[b-z6mm0j4f5z] .priority-indicator {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

[b-z6mm0j4f5z] .priority-indicator.priority-critical {
    background-color: #fde7e9;
    color: #d13438;
}

[b-z6mm0j4f5z] .priority-indicator.priority-high {
    background-color: #fed9cc;
    color: #ca5010;
}

[b-z6mm0j4f5z] .priority-indicator.priority-medium {
    background-color: #fff4ce;
    color: #8a7600;
}

[b-z6mm0j4f5z] .priority-indicator.priority-low {
    background-color: #d0e7ff;
    color: #0078d4;
}

[b-z6mm0j4f5z] .type-indicator {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
}

[b-z6mm0j4f5z] .type-indicator.type-bug {
    background-color: #fde7e9;
    color: #d13438;
}

[b-z6mm0j4f5z] .type-indicator.type-feature {
    background-color: #dff6dd;
    color: #107c10;
}

[b-z6mm0j4f5z] .type-indicator.type-story {
    background-color: #e8d4f0;
    color: #8764b8;
}

[b-z6mm0j4f5z] .type-indicator.type-spike {
    background-color: #fff4ce;
    color: #8a7600;
}

[b-z6mm0j4f5z] .type-indicator.type-none {
    background-color: transparent;
    color: var(--neutral-foreground-hint);
    outline: 1px solid currentColor;
}

[b-z6mm0j4f5z] .subtask-progress,
.column-tasks .subtask-progress[b-z6mm0j4f5z] {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-z6mm0j4f5z] .subtask-progress.all-done,
.column-tasks .subtask-progress.all-done[b-z6mm0j4f5z] {
    color: var(--success);
}

[b-z6mm0j4f5z] .due-date,
[b-z6mm0j4f5z] .comment-count {
    font-size: 11px;
    color: var(--neutral-foreground-hint);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

[b-z6mm0j4f5z] .due-date.overdue {
    color: var(--error);
}

[b-z6mm0j4f5z] .avatar-stack {
    display: flex;
    flex-direction: row;
    align-items: center;
}

[b-z6mm0j4f5z] .avatar-stack .hover-card-anchor {
    margin-left: -8px;
}

[b-z6mm0j4f5z] .avatar-stack .hover-card-anchor:first-child {
    margin-left: 0;
}

[b-z6mm0j4f5z] .avatar.small {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 9px;
    font-weight: 600;
    color: white;
    background-color: var(--accent-fill-rest);
    display: flex;
    align-items: center;
    justify-content: center;
}

[b-z6mm0j4f5z] .avatar.small.overflow {
    background-color: var(--neutral-fill-secondary-rest);
    color: var(--neutral-foreground-rest);
    font-size: 8px;
}

.overdue-text[b-z6mm0j4f5z] {
    color: var(--error);
    font-weight: 600;
}

/* Swimlane task cards (direct children, not inside FluentSortableList) */
.column-tasks[b-z6mm0j4f5z] {
    padding: 12px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.column-tasks .task-card[b-z6mm0j4f5z] {
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    padding: 12px;
    cursor: pointer;
    transition: transform 0.1s, box-shadow 0.1s;
}

.column-tasks .task-card:hover[b-z6mm0j4f5z] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.column-tasks .task-card.priority-critical[b-z6mm0j4f5z] {
    border-left: 3px solid #d13438;
}

.column-tasks .task-card.priority-high[b-z6mm0j4f5z] {
    border-left: 3px solid #ca5010;
}

.column-tasks .task-card.priority-medium[b-z6mm0j4f5z] {
    border-left: 3px solid #eaa300;
}

.column-tasks .task-card.priority-low[b-z6mm0j4f5z] {
    border-left: 3px solid #0078d4;
}

.empty-column[b-z6mm0j4f5z] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: var(--neutral-foreground-hint);
}

.swimlane[b-z6mm0j4f5z] {
    margin-bottom: 24px;
}

.swimlane-header[b-z6mm0j4f5z] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.comment[b-z6mm0j4f5z] {
    background-color: var(--neutral-layer-2);
    border-radius: 6px;
    padding: 12px;
}
/* /Components/Shared/TrendArrow.razor.rz.scp.css */
.trend[b-9m8aina0cz] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 11px;
    font-weight: 600;
}

.trend-up[b-9m8aina0cz] {
    color: var(--success);
}

.trend-down[b-9m8aina0cz] {
    color: var(--error);
}

.trend-same[b-9m8aina0cz] {
    color: var(--neutral-foreground-hint);
}