@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.84wtju4z0n.bundle.scp.css';
@import '_content/TAL.CRM.Legion.DevTools/TAL.CRM.Legion.DevTools.aupt7dgog8.bundle.scp.css';

/* /UI/Components/DebugPanel.razor.rz.scp.css */
.debug-panel[b-aihoytbwst] {
    position: fixed;
    background-color: #1e1e1e;
    color: #d4d4d4;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.5);
    z-index: 10000;
    overflow-y: auto;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
}

/* Compact mode - narrow panel at bottom right */
.debug-panel.compact[b-aihoytbwst] {
    bottom: 20px;
    right: 20px;
    width: 350px;
    max-height: 600px;
    border-radius: 8px;
    transform: translateX(120%);
}

.debug-panel.compact.open[b-aihoytbwst] {
    transform: translateX(0);
}

/* Expanded mode - wide panel from bottom */
.debug-panel.expanded[b-aihoytbwst] {
    bottom: -80vh;
    left: 0;
    width: 100vw;
    height: 80vh;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5);
}

.debug-panel.expanded.open[b-aihoytbwst] {
    bottom: 0;
}

.debug-panel-header[b-aihoytbwst] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background-color: #252526;
    border-bottom: 1px solid #3e3e42;
    position: sticky;
    top: 0;
    z-index: 1;
}

.debug-panel-header h3[b-aihoytbwst] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
}

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

.debug-refresh[b-aihoytbwst],
.debug-expand[b-aihoytbwst],
.debug-close[b-aihoytbwst] {
    background: none;
    border: none;
    color: #cccccc;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    transition: all 0.2s;
}

.debug-refresh[b-aihoytbwst],
.debug-expand[b-aihoytbwst] {
    font-size: 18px;
}

.debug-refresh:hover[b-aihoytbwst],
.debug-expand:hover[b-aihoytbwst],
.debug-close:hover[b-aihoytbwst] {
    background-color: #3e3e42;
    color: #ffffff;
}

.debug-refresh:active[b-aihoytbwst] {
    transform: rotate(180deg);
}

.debug-panel-body[b-aihoytbwst] {
    padding: 15px;
}

/* Compact View Styles */
.debug-compact-view[b-aihoytbwst] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.debug-section.compact[b-aihoytbwst] {
    padding: 10px;
    background-color: #2d2d30;
    border-radius: 4px;
    border: 1px solid #3e3e42;
}

.debug-section.compact:first-child[b-aihoytbwst] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.debug-label[b-aihoytbwst] {
    font-size: 11px;
    text-transform: uppercase;
    color: #858585;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.debug-value[b-aihoytbwst] {
    color: #4fc3f7;
    font-size: 13px;
    word-break: break-all;
}

.debug-mode-badge[b-aihoytbwst] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.debug-mode-badge.mock[b-aihoytbwst] {
    background-color: #4a4a00;
    color: #ffeb3b;
}

.debug-mode-badge.real[b-aihoytbwst] {
    background-color: #004a4a;
    color: #00e5ff;
}

.loading-indicator[b-aihoytbwst] {
    color: #ff9800;
    animation: pulse-b-aihoytbwst 1.5s ease-in-out infinite;
}

@keyframes pulse-b-aihoytbwst {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}

/* Expanded View Styles */
.debug-expanded-view[b-aihoytbwst] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #3e3e42;
}

.expanded .debug-expanded-view[b-aihoytbwst] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 20px;
}

.debug-section[b-aihoytbwst] {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #3e3e42;
}

.debug-section:last-child[b-aihoytbwst] {
    border-bottom: none;
}

.debug-section h4[b-aihoytbwst] {
    margin: 0 0 10px 0;
    font-size: 13px;
    font-weight: 600;
    color: #4ec9b0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.debug-checkbox[b-aihoytbwst] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 8px;
}

.debug-checkbox input[type="checkbox"][b-aihoytbwst] {
    margin: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.debug-checkbox span[b-aihoytbwst] {
    color: #d4d4d4;
    font-size: 13px;
}

.debug-info[b-aihoytbwst] {
    padding: 10px;
    background-color: #2d2d30;
    border-left: 3px solid #007acc;
    border-radius: 3px;
    color: #d4d4d4;
    line-height: 1.6;
}

.debug-info strong[b-aihoytbwst] {
    color: #4fc3f7;
}

.debug-state[b-aihoytbwst] {
    padding: 10px;
    background-color: #2d2d30;
    border-radius: 3px;
    line-height: 1.8;
}

.debug-state strong[b-aihoytbwst] {
    color: #c586c0;
}

.debug-empty[b-aihoytbwst] {
    padding: 10px;
    background-color: #2d2d30;
    border-radius: 3px;
    color: #858585;
    font-style: italic;
    text-align: center;
}

.debug-json[b-aihoytbwst] {
    background-color: #1e1e1e;
    border: 1px solid #3e3e42;
    border-radius: 3px;
    padding: 12px;
    overflow-x: auto;
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #ce9178;
    font-size: 11px;
    line-height: 1.6;
    max-height: 300px;
    overflow-y: auto;
}

/* Scrollbar styling */
.debug-panel[b-aihoytbwst]::-webkit-scrollbar,
.debug-json[b-aihoytbwst]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.debug-panel[b-aihoytbwst]::-webkit-scrollbar-track,
.debug-json[b-aihoytbwst]::-webkit-scrollbar-track {
    background: #1e1e1e;
}

.debug-panel[b-aihoytbwst]::-webkit-scrollbar-thumb,
.debug-json[b-aihoytbwst]::-webkit-scrollbar-thumb {
    background: #424242;
    border-radius: 4px;
}

.debug-panel[b-aihoytbwst]::-webkit-scrollbar-thumb:hover,
.debug-json[b-aihoytbwst]::-webkit-scrollbar-thumb:hover {
    background: #4e4e4e;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .debug-panel.compact[b-aihoytbwst] {
        width: 100vw;
        right: -100vw;
    }

    .debug-panel.compact.open[b-aihoytbwst] {
        right: 0;
    }

    .expanded .debug-expanded-view[b-aihoytbwst] {
        grid-template-columns: 1fr;
    }
}
/* /UI/Components/Failures/ErrorDialog.razor.rz.scp.css */
.error-dialog-title[b-m6lzygkq7v] {
    margin: 0;
    color: var(--colorStatusDangerForeground1, #b91c1c);
}

.error-dialog-ids[b-m6lzygkq7v] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.25rem 0.75rem;
    margin: 0.75rem 0;
}

.error-dialog-ids dt[b-m6lzygkq7v] {
    font-weight: 600;
}

.error-dialog-ids dd[b-m6lzygkq7v] {
    margin: 0;
}

.error-dialog-ids code[b-m6lzygkq7v] {
    font-family: var(--monospace, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.875rem;
    background: var(--colorNeutralBackground3, #f3f4f6);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
}

.error-dialog-details[b-m6lzygkq7v] {
    margin-top: 0.75rem;
}

.error-dialog-details summary[b-m6lzygkq7v] {
    cursor: pointer;
    user-select: none;
}

.error-dialog-details pre[b-m6lzygkq7v] {
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--colorNeutralBackground3, #f3f4f6);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    max-height: 240px;
    overflow: auto;
    margin-top: 0.5rem;
}
/* /UI/Components/Failures/FailureDetails.razor.rz.scp.css */
.failure-details[b-zue9ji0kvk] {
    border: 1px solid var(--neutral-stroke-rest, #d1d1d1);
    border-radius: 4px;
    padding: 12px 14px;
    margin-top: 12px;
    font-size: 14px;
    background: var(--neutral-layer-2, #fafafa);
}

.failure-details.state-success[b-zue9ji0kvk] {
    border-color: #2e7d32;
    background: #edf7ee;
}

.failure-details.state-warning[b-zue9ji0kvk] {
    border-color: #e5a100;
    background: #fff8e1;
}

.failure-details.state-error[b-zue9ji0kvk] {
    border-color: #c62828;
    background: #fdecea;
}

.failure-summary[b-zue9ji0kvk] {
    font-weight: 600;
    margin-bottom: 6px;
}

.failure-tracking[b-zue9ji0kvk] {
    font-size: 12px;
    color: var(--neutral-foreground-hint, #616161);
    margin-bottom: 6px;
}

.failure-tracking code[b-zue9ji0kvk] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    background: rgba(0, 0, 0, 0.05);
    padding: 1px 4px;
    border-radius: 3px;
    user-select: all;
}

.failure-expander[b-zue9ji0kvk] {
    margin-top: 6px;
}

.failure-expander > summary[b-zue9ji0kvk] {
    cursor: pointer;
    font-size: 13px;
    color: var(--accent-foreground-rest, #0f6cbd);
}

.failure-step-list[b-zue9ji0kvk] {
    list-style: none;
    padding: 8px 0 0 0;
    margin: 0;
}

.failure-step[b-zue9ji0kvk] {
    padding: 6px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2px 12px;
}

.failure-step:first-child[b-zue9ji0kvk] {
    border-top: none;
}

.failure-step .step-name[b-zue9ji0kvk] {
    font-weight: 600;
}

.failure-step .step-status[b-zue9ji0kvk] {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.failure-step.step-failed .step-status[b-zue9ji0kvk] {
    color: #c62828;
}

.failure-step.step-succeeded .step-status[b-zue9ji0kvk] {
    color: #2e7d32;
}

.failure-step.step-skipped .step-status[b-zue9ji0kvk] {
    color: #757575;
}

.failure-step .step-user-message[b-zue9ji0kvk],
.failure-step .step-technical[b-zue9ji0kvk] {
    grid-column: 1 / -1;
    font-size: 12px;
    color: var(--neutral-foreground-hint, #616161);
    word-break: break-word;
}

.failure-step .step-technical[b-zue9ji0kvk] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* /UI/Components/Failures/KnownIssueDialog.razor.rz.scp.css */
.known-issue-dialog-title[b-2mx9zpdxre] {
    margin: 0;
    color: var(--colorStatusWarningForeground1, #b45309);
}

.known-issue-dialog-body[b-2mx9zpdxre] {
    border-left: 4px solid var(--colorStatusWarningForeground1, #b45309);
    padding-left: 0.75rem;
}

.known-issue-dialog-bullets[b-2mx9zpdxre] {
    margin: 0.5rem 0 0.75rem 1.25rem;
    padding: 0;
    color: var(--colorNeutralForeground2, #374151);
}

.known-issue-dialog-bullets li[b-2mx9zpdxre] {
    margin: 0.25rem 0;
}

.known-issue-dialog-workitem[b-2mx9zpdxre] {
    margin: 0.5rem 0 0 0;
    font-size: 0.875rem;
    color: var(--colorNeutralForeground2, #374151);
}

.known-issue-dialog-workitem code[b-2mx9zpdxre] {
    font-family: var(--monospace, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: 0.875rem;
    background: var(--colorNeutralBackground3, #f3f4f6);
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
}

.known-issue-dialog-details[b-2mx9zpdxre] {
    margin-top: 0.75rem;
}

.known-issue-dialog-details summary[b-2mx9zpdxre] {
    cursor: pointer;
    user-select: none;
}

.known-issue-dialog-details pre[b-2mx9zpdxre] {
    white-space: pre-wrap;
    word-break: break-word;
    background: var(--colorNeutralBackground3, #f3f4f6);
    padding: 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    max-height: 240px;
    overflow: auto;
    margin-top: 0.5rem;
}
/* /UI/Components/TokenSearch/TokenSearchDebugPanel.razor.rz.scp.css */
/* Full-page overlay debug panel - larger with more info */
.token-debug-fullpage-overlay[b-gqfd9n0sdi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    min-height: 220px;
    background: rgba(30, 30, 30, 0.98);
    color: #d4d4d4;
    font-family: 'Consolas', 'Monaco', monospace;
    font-size: 12px;
    padding: 12px 20px;
    z-index: 10000;
    border-bottom: 2px solid #007acc;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Main two-column layout */
.debug-main-layout[b-gqfd9n0sdi] {
    display: flex;
    gap: 20px;
    flex: 1;
    max-width: 1800px;
    margin: 0 auto;
    width: 100%;
}

/* Left Panel - Query Debug */
.debug-query-panel[b-gqfd9n0sdi] {
    width: 350px;
    min-width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #252526;
    border-radius: 4px;
    padding: 10px;
    border: 1px solid #3c3c3c;
}

.panel-header[b-gqfd9n0sdi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid #404040;
}

.panel-title[b-gqfd9n0sdi] {
    font-size: 11px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.copy-btn[b-gqfd9n0sdi] {
    background: #3c3c3c;
    border: 1px solid #505050;
    color: #9cdcfe;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 3px;
    cursor: pointer;
    font-family: inherit;
}

.copy-btn:hover[b-gqfd9n0sdi] {
    background: #505050;
    color: #ffffff;
}

.query-endpoint[b-gqfd9n0sdi] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.endpoint-method[b-gqfd9n0sdi] {
    background: #264f78;
    color: #9cdcfe;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: bold;
}

.endpoint-path[b-gqfd9n0sdi] {
    color: #dcdcaa;
    font-size: 11px;
}

.query-status[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 11px;
}

.status-pending[b-gqfd9n0sdi] {
    background: #4e4e00;
    color: #dcdcaa;
}

.status-success[b-gqfd9n0sdi] {
    background: #2d4f21;
    color: #b5cea8;
}

.status-error[b-gqfd9n0sdi] {
    background: #5f2020;
    color: #f48771;
}

.status-icon[b-gqfd9n0sdi] {
    font-size: 12px;
}

.elapsed[b-gqfd9n0sdi] {
    margin-left: auto;
    color: #808080;
    font-size: 10px;
}

.query-json-container[b-gqfd9n0sdi] {
    flex: 1;
    overflow: auto;
    max-height: 120px;
    background: #1e1e1e;
    border-radius: 3px;
}

.query-json[b-gqfd9n0sdi] {
    margin: 0;
    padding: 8px;
    font-size: 10px;
    color: #9cdcfe;
    white-space: pre-wrap;
    word-break: break-word;
}

.query-empty[b-gqfd9n0sdi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #606060;
    font-style: italic;
    padding: 20px;
}

.query-empty .hint[b-gqfd9n0sdi] {
    font-size: 10px;
    color: #505050;
}

/* Right Panel - Token State Debug */
.debug-state-panel[b-gqfd9n0sdi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.debug-row[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

/* State Row */
.state-row[b-gqfd9n0sdi] {
    padding-bottom: 8px;
    border-bottom: 1px solid #404040;
}

.state-section[b-gqfd9n0sdi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.section-label[b-gqfd9n0sdi] {
    font-size: 10px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Navigation Mode Hierarchy */
.mode-hierarchy[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mode-hierarchy span[b-gqfd9n0sdi] {
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
}

.hierarchy-active[b-gqfd9n0sdi] {
    background: #007acc;
    color: #ffffff;
}

.hierarchy-inactive[b-gqfd9n0sdi] {
    background: #3c3c3c;
    color: #606060;
}

.mode-hierarchy .arrow[b-gqfd9n0sdi] {
    background: none;
    color: #606060;
    padding: 0 2px;
    font-weight: normal;
}

.mode-hint[b-gqfd9n0sdi] {
    font-size: 10px;
    color: #9cdcfe;
    font-style: italic;
    max-width: 350px;
}

/* Input State Flow */
.input-state-flow[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.input-state-flow span[b-gqfd9n0sdi] {
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
}

.state-active[b-gqfd9n0sdi] {
    background: #4ec9b0;
    color: #1e1e1e;
    font-weight: bold;
}

.state-inactive[b-gqfd9n0sdi] {
    background: #3c3c3c;
    color: #606060;
}

.input-state-flow .arrow[b-gqfd9n0sdi] {
    background: none;
    color: #606060;
    padding: 0 2px;
}

.state-hint[b-gqfd9n0sdi] {
    font-size: 10px;
    color: #b5cea8;
    font-style: italic;
    max-width: 400px;
}

/* Counters */
.counters[b-gqfd9n0sdi] {
    margin-left: auto;
    flex-direction: row;
    gap: 16px;
}

.counter[b-gqfd9n0sdi] {
    display: flex;
    gap: 4px;
}

.counter-label[b-gqfd9n0sdi] {
    color: #808080;
}

.counter-value[b-gqfd9n0sdi] {
    color: #9cdcfe;
}

.counter-value.yes[b-gqfd9n0sdi] {
    color: #4ec9b0;
}

.counter-value.no[b-gqfd9n0sdi] {
    color: #606060;
}

/* Tokens Row */
.tokens-row[b-gqfd9n0sdi] {
    background: #252526;
    padding: 8px 12px;
    border-radius: 4px;
}

.tokens-visual[b-gqfd9n0sdi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.token-chip[b-gqfd9n0sdi] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 11px;
}

.token-type[b-gqfd9n0sdi] {
    font-size: 9px;
    opacity: 0.7;
    font-weight: bold;
}

.token-text[b-gqfd9n0sdi] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.type-field[b-gqfd9n0sdi] {
    background: #264f78;
    color: #9cdcfe;
}

.type-operator[b-gqfd9n0sdi] {
    background: #4e3c00;
    color: #dcdcaa;
}

.type-value[b-gqfd9n0sdi] {
    background: #2d4f21;
    color: #b5cea8;
}

.type-logic[b-gqfd9n0sdi] {
    background: #4f2d4f;
    color: #c586c0;
}

.token-chip.sel[b-gqfd9n0sdi] {
    outline: 2px solid #ffcc00;
    outline-offset: 1px;
}

.token-chip.clause-sel[b-gqfd9n0sdi] {
    outline: 2px solid #c586c0;
}

.token-chip.query-sel[b-gqfd9n0sdi] {
    outline: 2px solid #d7ba7d;
}

.cursor-input[b-gqfd9n0sdi], .cursor-empty[b-gqfd9n0sdi] {
    background: #3c3c3c;
    color: #d4d4d4;
}

.cursor[b-gqfd9n0sdi] {
    color: #ffcc00;
    animation: blink-b-gqfd9n0sdi 1s infinite;
}

@keyframes blink-b-gqfd9n0sdi {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

.empty-hint[b-gqfd9n0sdi] {
    color: #808080;
    font-style: italic;
}

/* Info Row */
.info-row[b-gqfd9n0sdi] {
    gap: 32px;
}

.selection-info[b-gqfd9n0sdi], .autocomplete-info[b-gqfd9n0sdi], .field-context[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.info-label[b-gqfd9n0sdi] {
    color: #808080;
}

.info-value[b-gqfd9n0sdi] {
    color: #dcdcaa;
}

.info-value.dim[b-gqfd9n0sdi] {
    color: #606060;
    font-style: italic;
}

.info-detail[b-gqfd9n0sdi] {
    color: #4ec9b0;
    font-size: 11px;
}

/* Actions Row */
.actions-row[b-gqfd9n0sdi] {
    padding-top: 8px;
    border-top: 1px solid #404040;
}

.actions-hint[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.hint-title[b-gqfd9n0sdi] {
    color: #808080;
    font-size: 11px;
}

.action-item[b-gqfd9n0sdi] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.action-item kbd[b-gqfd9n0sdi] {
    background: #3c3c3c;
    border: 1px solid #505050;
    border-radius: 3px;
    padding: 2px 6px;
    font-family: inherit;
    font-size: 11px;
    color: #9cdcfe;
}

.action-desc[b-gqfd9n0sdi] {
    color: #a0a0a0;
    font-size: 11px;
}

.transition-log[b-gqfd9n0sdi] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 6px;
}

.transition-text[b-gqfd9n0sdi] {
    color: #6a9955;
    font-style: italic;
    font-size: 11px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Footer */
.debug-footer[b-gqfd9n0sdi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding-top: 8px;
    border-top: 1px solid #404040;
}

.debug-shortcut-hint[b-gqfd9n0sdi] {
    font-size: 11px;
    color: #606060;
}

.debug-close-btn[b-gqfd9n0sdi] {
    background: #3c3c3c;
    border: 1px solid #505050;
    color: #d4d4d4;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 12px;
    border-radius: 3px;
    font-family: inherit;
}

.debug-close-btn:hover[b-gqfd9n0sdi] {
    background: #505050;
    color: #ffffff;
}
/* /UI/Error.razor.rz.scp.css */
.error-paragraph-text[b-1nt282n4qc] {
  font-size: 2rem;
  color: red;
}
/* /UI/Flows/Donate/Dbg/DonateFlowDebugPanel.razor.rz.scp.css */
.debug-panel-content[b-d5xgzoxl5d] {
    font-family: 'Cascadia Code', 'Courier New', monospace;
    font-size: 12px;
    color: #cccccc;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.debug-section[b-d5xgzoxl5d] {
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    padding: 8px;
    background: rgba(30, 30, 30, 0.5);
}

.debug-section-header[b-d5xgzoxl5d] {
    font-weight: bold;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 13px;
}

.debug-item[b-d5xgzoxl5d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #2a2a2a;
}

.debug-item:last-child[b-d5xgzoxl5d] {
    border-bottom: none;
}

.debug-label[b-d5xgzoxl5d] {
    color: #9cdcfe;
    font-weight: 500;
    margin-right: 8px;
}

.debug-value[b-d5xgzoxl5d] {
    color: #ce9178;
    font-family: 'Cascadia Code', 'Courier New', monospace;
    text-align: right;
    flex: 1;
}
/* /UI/Flows/Join/Dbg/JoinFlowDebugPanel.razor.rz.scp.css */
.debug-panel-content[b-nxj8xn1aeh] {
    font-family: 'Cascadia Code', 'Courier New', monospace;
    font-size: 12px;
    color: #cccccc;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.debug-section[b-nxj8xn1aeh] {
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    padding: 8px;
    background: rgba(30, 30, 30, 0.5);
}

.debug-section-header[b-nxj8xn1aeh] {
    font-weight: bold;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 13px;
}

.debug-item[b-nxj8xn1aeh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #2a2a2a;
}

.debug-item:last-child[b-nxj8xn1aeh] {
    border-bottom: none;
}

.debug-label[b-nxj8xn1aeh] {
    color: #9cdcfe;
    font-weight: 500;
    margin-right: 8px;
}

.debug-value[b-nxj8xn1aeh] {
    color: #ce9178;
    font-family: 'Cascadia Code', 'Courier New', monospace;
    text-align: right;
    flex: 1;
}
/* /UI/Flows/Renew/Dbg/RenewFlowDebugPanel.razor.rz.scp.css */
.debug-panel-content[b-8nskkra4w6] {
    font-family: 'Cascadia Code', 'Courier New', monospace;
    font-size: 12px;
    color: #cccccc;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.debug-section[b-8nskkra4w6] {
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    padding: 8px;
    background: rgba(30, 30, 30, 0.5);
}

.debug-section-header[b-8nskkra4w6] {
    font-weight: bold;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 13px;
}

.debug-item[b-8nskkra4w6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #2a2a2a;
}

.debug-item:last-child[b-8nskkra4w6] {
    border-bottom: none;
}

.debug-label[b-8nskkra4w6] {
    color: #9cdcfe;
    font-weight: 500;
    margin-right: 8px;
}

.debug-value[b-8nskkra4w6] {
    color: #ce9178;
    font-family: 'Cascadia Code', 'Courier New', monospace;
    text-align: right;
    flex: 1;
}
/* /UI/Pages/Dev/AuthDiagnostics.razor.rz.scp.css */
.diagnostics-page[b-94pnnyhx9q] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

.diagnostics-page h1[b-94pnnyhx9q] {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: #333;
}

.diagnostics-page h2[b-94pnnyhx9q] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #555;
    border-bottom: 2px solid #ddd;
    padding-bottom: 0.5rem;
}

.diagnostics-page h3[b-94pnnyhx9q] {
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
    color: #666;
}

.diagnostics-section[b-94pnnyhx9q] {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.diagnostics-section.state-valid[b-94pnnyhx9q] {
    border-left: 4px solid #28a745;
}

.diagnostics-section.state-invalid[b-94pnnyhx9q] {
    border-left: 4px solid #dc3545;
    background: #fff5f5;
}

.diagnostics-table[b-94pnnyhx9q] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.diagnostics-table thead[b-94pnnyhx9q] {
    background: #f8f9fa;
}

.diagnostics-table th[b-94pnnyhx9q] {
    text-align: left;
    padding: 0.75rem;
    font-weight: 600;
    border-bottom: 2px solid #dee2e6;
}

.diagnostics-table td[b-94pnnyhx9q] {
    padding: 0.75rem;
    border-bottom: 1px solid #dee2e6;
}

.diagnostics-table tbody tr:last-child td[b-94pnnyhx9q] {
    border-bottom: none;
}

.diagnostics-table code[b-94pnnyhx9q] {
    background: #f4f4f4;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
}

.cookie-value[b-94pnnyhx9q] {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.json-data[b-94pnnyhx9q] {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1rem;
    overflow-x: auto;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    line-height: 1.5;
    max-height: 500px;
    overflow-y: auto;
}

.issue-list[b-94pnnyhx9q] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.issue-list li[b-94pnnyhx9q] {
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    background: #fff3cd;
    border-left: 3px solid #ffc107;
    border-radius: 3px;
}

details[b-94pnnyhx9q] {
    margin-top: 1rem;
}

details summary[b-94pnnyhx9q] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    user-select: none;
}

details summary:hover[b-94pnnyhx9q] {
    background: #e9ecef;
}

details[open] summary[b-94pnnyhx9q] {
    margin-bottom: 1rem;
}

.actions-section[b-94pnnyhx9q] {
    border: 2px solid #ffc107;
}

.action-buttons[b-94pnnyhx9q] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.action-buttons button[b-94pnnyhx9q] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-buttons button:disabled[b-94pnnyhx9q] {
    opacity: 0.5;
    cursor: not-allowed;
}

.action-buttons .btn-primary[b-94pnnyhx9q] {
    background: #007bff;
    color: white;
}

.action-buttons .btn-primary:hover:not(:disabled)[b-94pnnyhx9q] {
    background: #0056b3;
}

.action-buttons .btn-warning[b-94pnnyhx9q] {
    background: #ffc107;
    color: #333;
}

.action-buttons .btn-warning:hover:not(:disabled)[b-94pnnyhx9q] {
    background: #e0a800;
}

.action-buttons .btn-danger[b-94pnnyhx9q] {
    background: #dc3545;
    color: white;
}

.action-buttons .btn-danger:hover:not(:disabled)[b-94pnnyhx9q] {
    background: #c82333;
}

.action-message[b-94pnnyhx9q] {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: 4px;
    font-weight: 500;
}

.action-message.success[b-94pnnyhx9q] {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.action-message.error[b-94pnnyhx9q] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}
/* /UI/Pages/Financials/Transmittals/Create/PersonaSwitcher.razor.rz.scp.css */
/* PersonaSwitcher - dev-only persona switch and staff-info popover. Styled as
   a dashed "Dev Only" fieldset so it is visually flagged as non-production.
   Local CSS variables consolidate the palette; design tokens are deliberately
   not used because this component is a developer affordance, not shipped UX. */

.persona-switcher-fieldset[b-0wxppvcds4] {
    --persona-switcher-border: #bdbdbd;
    --persona-switcher-muted: #9e9e9e;
    --persona-switcher-popover-bg: white;
    --persona-switcher-popover-border: #e0e0e0;
    --persona-switcher-popover-shadow: rgba(0, 0, 0, 0.12);
    --persona-switcher-popover-header-bg: #f5f5f5;
    --persona-switcher-popover-header-text: #757575;
    --persona-switcher-active-bg: #e8eaf6;
    --persona-switcher-icon-bg: #e0e0e0;
    --persona-switcher-icon-text: #424242;
    --persona-switcher-info-bg: #1565c0;
    --persona-switcher-info-bg-off: #e0e0e0;
    --persona-switcher-info-text-off: #616161;
    --persona-switcher-info-text-on: white;

    --persona-badge-post-bg: #e3f2fd;
    --persona-badge-post-text: #1565c0;
    --persona-badge-post-border: #90caf9;
    --persona-badge-dept-bg: #fff3e0;
    --persona-badge-dept-text: #e65100;
    --persona-badge-dept-border: #ffcc80;
    --persona-badge-natl-bg: #fce4ec;
    --persona-badge-natl-text: #c62828;
    --persona-badge-natl-border: #ef9a9a;

    --staff-popover-bg: #1a1a2e;
    --staff-popover-header-bg: #16213e;
    --staff-popover-card-bg: #16213e;
    --staff-popover-text: #e0e0e0;
    --staff-popover-border: #333;
    --staff-popover-shadow: rgba(0, 0, 0, 0.3);
    --staff-popover-label: #82aaff;
    --staff-popover-value: #c3e88d;
    --staff-popover-value-id: #ffcb6b;
    --staff-popover-value-org: #c792ea;
    --staff-popover-title: #7fdbca;
    --staff-popover-error: #ef5350;
    --staff-popover-warn: #f78c6c;
    --staff-popover-divider: #546e7a;

    --persona-switcher-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --staff-popover-font: 'SF Mono', 'Fira Code', monospace;

    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--persona-switcher-font);
    font-size: 13px;
    border: 1px dashed var(--persona-switcher-border);
    border-radius: 6px;
    padding: 4px 10px;
    margin: 0;
}

.persona-switcher-legend[b-0wxppvcds4] {
    font-size: 9px;
    color: var(--persona-switcher-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 0 4px;
    font-weight: 600;
}

.persona-switcher-trigger[b-0wxppvcds4] {
    cursor: pointer;
    user-select: none;
}

.persona-switcher-info-trigger[b-0wxppvcds4] {
    cursor: pointer;
    user-select: none;
    display: inline-flex;
    align-items: center;
}

.persona-switcher-info-icon[b-0wxppvcds4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--persona-switcher-info-bg-off);
    color: var(--persona-switcher-info-text-off);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.persona-switcher-info-icon.on[b-0wxppvcds4] {
    background: var(--persona-switcher-info-bg);
    color: var(--persona-switcher-info-text-on);
}

.persona-badge[b-0wxppvcds4] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    cursor: pointer;
}

.persona-badge.post[b-0wxppvcds4] {
    background: var(--persona-badge-post-bg);
    color: var(--persona-badge-post-text);
    border-color: var(--persona-badge-post-border);
}

.persona-badge.dept[b-0wxppvcds4] {
    background: var(--persona-badge-dept-bg);
    color: var(--persona-badge-dept-text);
    border-color: var(--persona-badge-dept-border);
}

.persona-badge.natl[b-0wxppvcds4] {
    background: var(--persona-badge-natl-bg);
    color: var(--persona-badge-natl-text);
    border-color: var(--persona-badge-natl-border);
}

.persona-menu[b-0wxppvcds4] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: var(--persona-switcher-popover-bg);
    border: 1px solid var(--persona-switcher-popover-border);
    border-radius: 8px;
    box-shadow: 0 4px 16px var(--persona-switcher-popover-shadow);
    min-width: 240px;
    overflow: hidden;
    z-index: 9999;
}

.persona-menu-header[b-0wxppvcds4] {
    padding: 8px 12px;
    background: var(--persona-switcher-popover-header-bg);
    border-bottom: 1px solid var(--persona-switcher-popover-border);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--persona-switcher-popover-header-text);
}

.persona-menu-item[b-0wxppvcds4] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
}

.persona-menu-item.active[b-0wxppvcds4] {
    background: var(--persona-switcher-active-bg);
}

.persona-menu-icon[b-0wxppvcds4] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--persona-switcher-icon-bg);
    font-weight: 700;
    font-size: 12px;
    color: var(--persona-switcher-icon-text);
    flex-shrink: 0;
}

.persona-menu-label[b-0wxppvcds4] {
    display: block;
    font-size: 13px;
}

.persona-menu-description[b-0wxppvcds4] {
    display: block;
    font-size: 11px;
    color: var(--persona-switcher-popover-header-text);
    margin-top: 1px;
}

.staff-popover[b-0wxppvcds4] {
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 8px;
    background: var(--staff-popover-bg);
    color: var(--staff-popover-text);
    border: 1px solid var(--staff-popover-border);
    border-radius: 8px;
    box-shadow: 0 4px 16px var(--staff-popover-shadow);
    min-width: 360px;
    max-width: 480px;
    overflow: hidden;
    z-index: 9999;
    font-family: var(--staff-popover-font);
}

.staff-popover-header[b-0wxppvcds4] {
    padding: 8px 12px;
    background: var(--staff-popover-header-bg);
    border-bottom: 1px solid var(--staff-popover-border);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--staff-popover-title);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.staff-popover-close[b-0wxppvcds4] {
    border: none;
    background: none;
    color: var(--staff-popover-error);
    cursor: pointer;
    font-size: 14px;
    padding: 0 4px;
}

.staff-popover-body[b-0wxppvcds4] {
    padding: 12px;
    font-size: 12px;
    line-height: 1.6;
    max-height: 400px;
    overflow-y: auto;
}

.staff-popover-loading[b-0wxppvcds4] {
    color: var(--staff-popover-title);
}

.staff-popover-error[b-0wxppvcds4] {
    color: var(--staff-popover-error);
}

.staff-popover-meta[b-0wxppvcds4] {
    margin-bottom: 8px;
    color: var(--staff-popover-label);
}

.staff-popover-meta-value[b-0wxppvcds4] {
    color: var(--staff-popover-value);
}

.staff-popover-empty[b-0wxppvcds4] {
    color: var(--staff-popover-warn);
}

.staff-popover-position[b-0wxppvcds4] {
    margin: 8px 0;
    padding: 8px;
    background: var(--staff-popover-card-bg);
    border-radius: 4px;
    border-left: 3px solid var(--staff-popover-divider);
}

.staff-popover-position.active[b-0wxppvcds4] {
    border-left-color: var(--staff-popover-value);
}

.staff-popover-label[b-0wxppvcds4] {
    color: var(--staff-popover-label);
}

.staff-popover-position-name[b-0wxppvcds4] {
    color: var(--staff-popover-divider);
}

.staff-popover-position-name.active[b-0wxppvcds4] {
    color: var(--staff-popover-value);
}

.staff-popover-value-id[b-0wxppvcds4] {
    color: var(--staff-popover-value-id);
}

.staff-popover-value-org[b-0wxppvcds4] {
    color: var(--staff-popover-value-org);
}
/* /UI/Pages/Financials/Transmittals/StaffDebugPanel.razor.rz.scp.css */
/* StaffDebugPanel - dev-only floating panel showing staff positions from the API.
   Deliberately styled to look like a DevTools pane (dark, monospace) so it's
   visually distinct from production CRM chrome. Colors are local-scoped; design
   tokens aren't used because this is a developer-only affordance. */

.staff-debug-panel[b-64v9uud97m] {
    --staff-debug-bg: #1e1e1e;
    --staff-debug-bg-muted: #1a1a1a;
    --staff-debug-header-bg: #252526;
    --staff-debug-card-bg: #2d2d2d;
    --staff-debug-text: #d4d4d4;
    --staff-debug-border: #333;
    --staff-debug-accent-blue: #569cd6;
    --staff-debug-accent-light-blue: #9cdcfe;
    --staff-debug-accent-badge-bg: #264f78;
    --staff-debug-accent-green: #4ec9b0;
    --staff-debug-accent-green-bg: #1e4620;
    --staff-debug-accent-red: #f44747;
    --staff-debug-accent-amber: #d7ba7d;
    --staff-debug-accent-number: #b5cea8;
    --staff-debug-accent-string: #ce9178;
    --staff-debug-accent-id: #dcdcaa;
    --staff-debug-accent-purple: #c586c0;
    --staff-debug-accent-muted: #888;
    --staff-debug-accent-ended-bg: #3c2020;
    --staff-debug-divider: #555;
    --staff-debug-font: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;

    position: fixed;
    bottom: 12px;
    right: 12px;
    width: 400px;
    max-height: 500px;
    background: var(--staff-debug-bg);
    color: var(--staff-debug-text);
    border: 1px solid var(--staff-debug-border);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
    z-index: 10000;
    font-family: var(--staff-debug-font);
    font-size: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.staff-debug-header[b-64v9uud97m] {
    padding: 8px 12px;
    background: var(--staff-debug-header-bg);
    border-bottom: 1px solid var(--staff-debug-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.staff-debug-title-row[b-64v9uud97m] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.staff-debug-title[b-64v9uud97m] {
    color: var(--staff-debug-accent-blue);
    font-weight: 700;
}

.staff-debug-badge[b-64v9uud97m] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 3px;
    background: var(--staff-debug-accent-badge-bg);
    color: var(--staff-debug-accent-light-blue);
}

.staff-debug-actions[b-64v9uud97m] {
    display: flex;
    gap: 4px;
}

.staff-debug-btn[b-64v9uud97m] {
    border: none;
    background: none;
    cursor: pointer;
    padding: 2px 6px;
}

.staff-debug-btn.refresh[b-64v9uud97m] {
    color: var(--staff-debug-accent-light-blue);
    font-size: 12px;
}

.staff-debug-btn.close[b-64v9uud97m] {
    color: var(--staff-debug-text);
    font-size: 14px;
}

.staff-debug-body[b-64v9uud97m] {
    padding: 12px;
    overflow-y: auto;
    flex: 1;
    line-height: 1.7;
}

.staff-debug-loading[b-64v9uud97m] {
    color: var(--staff-debug-accent-blue);
}

.staff-debug-error[b-64v9uud97m] {
    color: var(--staff-debug-accent-red);
}

.staff-debug-meta[b-64v9uud97m] {
    margin-bottom: 8px;
}

.staff-debug-meta.spaced[b-64v9uud97m] {
    margin-bottom: 12px;
}

.staff-debug-label[b-64v9uud97m] {
    color: var(--staff-debug-accent-blue);
}

.staff-debug-value-string[b-64v9uud97m] {
    color: var(--staff-debug-accent-string);
}

.staff-debug-value-number[b-64v9uud97m] {
    color: var(--staff-debug-accent-number);
}

.staff-debug-value-id[b-64v9uud97m] {
    color: var(--staff-debug-accent-id);
}

.staff-debug-value-org[b-64v9uud97m] {
    color: var(--staff-debug-accent-purple);
}

.staff-debug-empty[b-64v9uud97m] {
    color: var(--staff-debug-accent-amber);
}

.staff-debug-position[b-64v9uud97m] {
    margin: 6px 0;
    padding: 8px;
    background: var(--staff-debug-card-bg);
    border-radius: 4px;
    border-left: 3px solid var(--staff-debug-divider);
}

.staff-debug-position.active[b-64v9uud97m] {
    border-left-color: var(--staff-debug-accent-green);
}

.staff-debug-position-name[b-64v9uud97m] {
    color: var(--staff-debug-accent-green);
}

.staff-debug-position-name.ended[b-64v9uud97m] {
    color: var(--staff-debug-accent-muted);
}

.staff-debug-status-pill[b-64v9uud97m] {
    font-size: 10px;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 4px;
}

.staff-debug-status-pill.active[b-64v9uud97m] {
    background: var(--staff-debug-accent-green-bg);
    color: var(--staff-debug-accent-green);
}

.staff-debug-status-pill.ended[b-64v9uud97m] {
    background: var(--staff-debug-accent-ended-bg);
    color: var(--staff-debug-accent-muted);
}

.staff-debug-json-section[b-64v9uud97m] {
    margin-top: 12px;
    border-top: 1px solid var(--staff-debug-border);
    padding-top: 8px;
}

.staff-debug-json-toggle[b-64v9uud97m] {
    border: none;
    background: none;
    color: var(--staff-debug-accent-blue);
    cursor: pointer;
    font-size: 11px;
    text-decoration: underline;
}

.staff-debug-json[b-64v9uud97m] {
    margin-top: 8px;
    padding: 8px;
    background: var(--staff-debug-bg-muted);
    border-radius: 4px;
    font-size: 11px;
    overflow-x: auto;
    white-space: pre-wrap;
    color: var(--staff-debug-accent-light-blue);
}
/* /UI/Pages/People/PeoplePageDebugPanel.razor.rz.scp.css */
.debug-panel-content[b-klfyfimi1g] {
    font-family: 'Cascadia Code', 'Courier New', monospace;
    font-size: 12px;
    color: #cccccc;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.debug-section[b-klfyfimi1g] {
    border: 1px solid #3c3c3c;
    border-radius: 4px;
    padding: 8px;
    background: rgba(30, 30, 30, 0.5);
}

.debug-section-header[b-klfyfimi1g] {
    font-weight: bold;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 13px;
}

.debug-item[b-klfyfimi1g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
    border-bottom: 1px solid #2a2a2a;
}

.debug-item:last-child[b-klfyfimi1g] {
    border-bottom: none;
}

.debug-label[b-klfyfimi1g] {
    color: #9cdcfe;
    font-weight: 500;
    margin-right: 8px;
}

.debug-value[b-klfyfimi1g] {
    color: #ce9178;
    font-family: 'Cascadia Code', 'Courier New', monospace;
    text-align: right;
    flex: 1;
}

.debug-button[b-klfyfimi1g] {
    background: #0e639c;
    color: white;
    border: 1px solid #1177bb;
    padding: 4px 12px;
    font-size: 11px;
    border-radius: 3px;
    cursor: pointer;
    font-family: 'Cascadia Code', 'Courier New', monospace;
}

.debug-button:hover[b-klfyfimi1g] {
    background: #1177bb;
}

.debug-button:active[b-klfyfimi1g] {
    background: #0d5a8f;
}
/* /UI/Pages/Static/Donate/GiftPage.razor.rz.scp.css */
.single-donation-container[b-fpcaczpr89] {
    margin: 15px;
    padding: 0px;
}

.page-header[b-fpcaczpr89] {
    color: black;
    margin-bottom: 1rem;
}

.form-section[b-fpcaczpr89] {
    background: azure !important;
    border-radius: 8px;
    padding: 0.6rem;
    margin: 0.5rem 0;
    border: 1px solid #e2e8f0;
}

    .form-section *[b-fpcaczpr89] {
        background: transparent;
    }

    .form-section h4[b-fpcaczpr89] {
        color: #374151;
        margin: 0.4rem 0;
        padding-bottom: 0.4rem;
        border-bottom: 2px solid #e5e7eb;
        background: transparent;
    }

.form-container[b-fpcaczpr89] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.form-fields[b-fpcaczpr89] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.6rem;
    overflow-x: auto;
    width: 100%;
}

    .form-fields > div[b-fpcaczpr89] {
        flex: 1 1 25%;
        min-width: 150px;
        max-width: 25%;
    }

.action-section[b-fpcaczpr89] {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.6rem;
    margin-top: 0.4rem;
}

.action-bar[b-fpcaczpr89] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    align-items: start;
}

.donation-component[b-fpcaczpr89] {
    background: white;
    border-radius: 8px;
    padding: 0.5rem;
    margin: 0.4rem 0;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.component-header[b-fpcaczpr89] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e5e7eb;
}

.summary-card[b-fpcaczpr89] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.6rem;
    margin-bottom: 0.6rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.status-grid[b-fpcaczpr89] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.4rem;
    margin: 0.4rem 0;
}

.status-item[b-fpcaczpr89] {
    background: #f8fafc;
    padding: 0.4rem;
    border-radius: 6px;
    text-align: center;
    border-left: 4px solid;
}

    .status-item h5[b-fpcaczpr89] {
        color: #374151;
        margin: 0.1rem;
        padding: 0.1rem;
        font-size: 1.1rem;
    }

.status-valid[b-fpcaczpr89] {
    border-left-color: #10b981;
}

.status-invalid[b-fpcaczpr89] {
    border-left-color: #ef4444;
}

.status-empty[b-fpcaczpr89] {
    border-left-color: #6b7280;
}

.debug-grid[b-fpcaczpr89] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.debug-section[b-fpcaczpr89] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.6rem;
}

    .debug-section h6[b-fpcaczpr89] {
        color: #374151;
        margin: 0 0 0.4rem 0;
        font-weight: 600;
    }

    .debug-section pre[b-fpcaczpr89] {
        font-size: 0.8rem;
        margin: 0;
        line-height: 1.3;
        color: #4b5563;
    }

.donation-details[b-fpcaczpr89] {
    background: white;
    padding: 0.4rem;
    margin: 0.2rem 0;
    border-radius: 4px;
    border-left: 3px solid;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .form-fields[b-fpcaczpr89] {
        flex-wrap: wrap;
    }

        .form-fields > div[b-fpcaczpr89] {
            flex: 1 1 45%;
            min-width: 150px;
            max-width: none;
        }
}
/* /UI/Pages/_Dev/GiftForms/DevEditFormGiftPage.razor.rz.scp.css */
.single-donation-container[b-7ov9qs6kpy] {
        margin: 15px;
        padding: 0px;
    }

    .page-header[b-7ov9qs6kpy] {
        color: black;
        margin-bottom: 1rem;
    }

    .form-section[b-7ov9qs6kpy] {
        background: azure !important;
        border-radius: 8px;
        padding: 0.6rem;
        margin: 0.5rem 0;
        border: 1px solid #e2e8f0;
    }

    .form-section *[b-7ov9qs6kpy] {
        background: transparent;
    }

    .form-section h4[b-7ov9qs6kpy] {
        color: #374151;
        margin: 0.4rem 0;
        padding-bottom: 0.4rem;
        border-bottom: 2px solid #e5e7eb;
        background: transparent;
    }

    .form-container[b-7ov9qs6kpy] {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }

    .form-fields[b-7ov9qs6kpy] {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.6rem;
        overflow-x: auto;
        width: 100%;
    }

    .form-fields > div[b-7ov9qs6kpy] {
        flex: 1 1 25%;
        min-width: 150px;
        max-width: 25%;
    }

    .action-section[b-7ov9qs6kpy] {
        border-top: 1px solid #e5e7eb;
        padding-top: 0.6rem;
        margin-top: 0.4rem;
    }

    .action-bar[b-7ov9qs6kpy] {
        display: flex;
        gap: 0.4rem;
        flex-wrap: wrap;
        align-items: start;
    }

    .donation-component[b-7ov9qs6kpy] {
        background: white;
        border-radius: 8px;
        padding: 0.5rem;
        margin: 0.4rem 0;
        border: 1px solid #e2e8f0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .component-header[b-7ov9qs6kpy] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        border-bottom: 1px solid #e5e7eb;
    }

    .summary-card[b-7ov9qs6kpy] {
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 0.6rem;
        margin-bottom: 0.6rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .status-grid[b-7ov9qs6kpy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 0.4rem;
        margin: 0.4rem 0;
    }

    .status-item[b-7ov9qs6kpy] {
        background: #f8fafc;
        padding: 0.4rem;
        border-radius: 6px;
        text-align: center;
        border-left: 4px solid;
    }

    .status-item h5[b-7ov9qs6kpy] {
        color: #374151;
        margin: 0.1rem;
        padding: 0.1rem;
        font-size: 1.1rem;
    }

    .status-valid[b-7ov9qs6kpy] { border-left-color: #10b981; }
    .status-invalid[b-7ov9qs6kpy] { border-left-color: #ef4444; }
    .status-empty[b-7ov9qs6kpy] { border-left-color: #6b7280; }

    .debug-grid[b-7ov9qs6kpy] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
        margin: 1rem 0;
    }

    .debug-section[b-7ov9qs6kpy] {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        padding: 0.6rem;
    }

    .debug-section h6[b-7ov9qs6kpy] {
        color: #374151;
        margin: 0 0 0.4rem 0;
        font-weight: 600;
    }

    .debug-section pre[b-7ov9qs6kpy] {
        font-size: 0.8rem;
        margin: 0;
        line-height: 1.3;
        color: #4b5563;
    }

    .donation-details[b-7ov9qs6kpy] {
        background: white;
        padding: 0.4rem;
        margin: 0.2rem 0;
        border-radius: 4px;
        border-left: 3px solid;
        font-size: 0.85rem;
    }

    @@media (max-width: 768px) {
        .form-fields[b-7ov9qs6kpy] {
            flex-wrap: wrap;
        }
        .form-fields > div[b-7ov9qs6kpy] {
            flex: 1 1 45%;
            min-width: 150px;
            max-width: none;
        }
    }
/* /UI/Pages/_Dev/GiftForms/DevGiftComponent.razor.rz.scp.css */
.component-container[b-qb41o3nmjf] {
        max-width: 100%;
    }

    .form-section[b-qb41o3nmjf] {
        margin: 0.3rem 0;
        padding: 0.4rem;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        background: white;
    }

        .form-section h5[b-qb41o3nmjf] {
            margin: 0 0 0.5rem 0;
            color: #374151;
            font-weight: 600;
            font-size: 1rem;
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }

    .section-content[b-qb41o3nmjf] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .amount-section[b-qb41o3nmjf] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .amount-buttons[b-qb41o3nmjf] {
        display: flex;
        gap: 0.4rem;
        flex-wrap: wrap;
        align-items: center;
    }

    .other-amount-inline[b-qb41o3nmjf] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-left: 1rem;
    }

    .tribute-content[b-qb41o3nmjf], .ack-content[b-qb41o3nmjf] {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-top: 0.5rem;
        padding: 0.5rem;
        background: #fafbfc;
        border-radius: 4px;
    }

    .tribute-inputs[b-qb41o3nmjf] {
        display: flex;
        gap: 1rem;
        align-items: end;
        flex-wrap: wrap;
    }

        .tribute-inputs > div:first-child[b-qb41o3nmjf] {
            flex: 0 0 auto;
        }

        .tribute-inputs > div:last-child[b-qb41o3nmjf] {
            flex: 1;
            min-width: 200px;
        }

    .radio-group[b-qb41o3nmjf] {
        margin: 0;
    }

    .status-debug-section[b-qb41o3nmjf] {
        background: #f8fafc;
        padding: 0.6rem;
        border-radius: 6px;
        margin-top: 1rem;
        border-left: 4px solid #e2e8f0;
    }

        .status-debug-section.valid[b-qb41o3nmjf] {
            background: #ecfdf5;
            border-left-color: #10b981;
        }

        .status-debug-section.invalid[b-qb41o3nmjf] {
            background: #fef2f2;
            border-left-color: #ef4444;
        }

        .status-debug-section.untouched[b-qb41o3nmjf] {
            background: #f9fafb;
            border-left-color: #6b7280;
        }

    .status-header[b-qb41o3nmjf] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .debug-grid[b-qb41o3nmjf] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 0.8rem;
        margin-top: 0.5rem;
        font-size: 0.8rem;
    }

    .debug-item[b-qb41o3nmjf] {
        background: white;
        padding: 0.4rem;
        border-radius: 4px;
        border: 1px solid #e2e8f0;
    }

    .error-list[b-qb41o3nmjf] {
        background: #fef2f2;
        border: 1px solid #fecaca;
        border-radius: 4px;
        padding: 0.5rem;
        margin-top: 0.5rem;
    }

    .error-item[b-qb41o3nmjf] {
        color: #dc2626;
        font-size: 0.85rem;
        margin: 0.2rem 0;
    }

    .section-icon[b-qb41o3nmjf] {
        width: 14px;
        height: 14px;
        opacity: 0.7;
    }

    .inline-checkbox[b-qb41o3nmjf] {
        margin: 0.5rem 0;
    }

    @@media (min-width: 768px) {
        .tribute-content[b-qb41o3nmjf], .ack-content[b-qb41o3nmjf] {
            flex-direction: row;
            align-items: center;
            gap: 1rem;
        }
    }
/* /UI/Pages/_Dev/GiftForms/DevMultiGiftPage.razor.rz.scp.css */
.single-donation-container[b-hzbvqngl65] {
        margin: 15px;
        padding: 0px;
    }

    .page-header[b-hzbvqngl65] {
        color: black;
        margin-bottom: 1rem;
    }

    .form-section[b-hzbvqngl65] {
        background: azure !important;
        border-radius: 8px;
        padding: 0.6rem;
        margin: 0.5rem 0;
        border: 1px solid #e2e8f0;
    }

    .form-section *[b-hzbvqngl65] {
        background: transparent;
    }

    .form-section h4[b-hzbvqngl65] {
        color: #374151;
        margin: 0.4rem 0;
        padding-bottom: 0.4rem;
        border-bottom: 2px solid #e5e7eb;
        background: transparent;
    }

    .form-container[b-hzbvqngl65] {
        display: flex;
        flex-direction: column;
        gap: 0.8rem;
    }

    .form-fields[b-hzbvqngl65] {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.6rem;
        overflow-x: auto;
        width: 100%;
    }

    .form-fields > div[b-hzbvqngl65] {
        flex: 1 1 25%;
        min-width: 150px;
        max-width: 25%;
    }

    .action-section[b-hzbvqngl65] {
        border-top: 1px solid #e5e7eb;
        padding-top: 0.6rem;
        margin-top: 0.4rem;
    }

    .action-bar[b-hzbvqngl65] {
        display: flex;
        gap: 0.4rem;
        flex-wrap: wrap;
        align-items: start;
    }

    .donation-component[b-hzbvqngl65] {
        background: white;
        border-radius: 8px;
        padding: 0.5rem;
        margin: 0.4rem 0;
        border: 1px solid #e2e8f0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .component-header[b-hzbvqngl65] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.4rem;
        padding-bottom: 0.4rem;
        border-bottom: 1px solid #e5e7eb;
    }

    .summary-card[b-hzbvqngl65] {
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 0.6rem;
        margin-bottom: 0.6rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .status-grid[b-hzbvqngl65] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 0.4rem;
        margin: 0.4rem 0;
    }

    .status-item[b-hzbvqngl65] {
        background: #f8fafc;
        padding: 0.4rem;
        border-radius: 6px;
        text-align: center;
        border-left: 4px solid;
    }

    .status-item h5[b-hzbvqngl65] {
        color: #374151;
        margin: 0.1rem;
        padding: 0.1rem;
        font-size: 1.1rem;
    }

    .status-valid[b-hzbvqngl65] { border-left-color: #10b981; }
    .status-invalid[b-hzbvqngl65] { border-left-color: #ef4444; }
    .status-empty[b-hzbvqngl65] { border-left-color: #6b7280; }

    .debug-grid[b-hzbvqngl65] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 1rem;
        margin: 1rem 0;
    }

    .debug-section[b-hzbvqngl65] {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 6px;
        padding: 0.6rem;
    }

    .debug-section h6[b-hzbvqngl65] {
        color: #374151;
        margin: 0 0 0.4rem 0;
        font-weight: 600;
    }

    .debug-section pre[b-hzbvqngl65] {
        font-size: 0.8rem;
        margin: 0;
        line-height: 1.3;
        color: #4b5563;
    }

    .donation-details[b-hzbvqngl65] {
        background: white;
        padding: 0.4rem;
        margin: 0.2rem 0;
        border-radius: 4px;
        border-left: 3px solid;
        font-size: 0.85rem;
    }

    @@media (max-width: 768px) {
        .form-fields[b-hzbvqngl65] {
            flex-wrap: wrap;
        }
        .form-fields > div[b-hzbvqngl65] {
            flex: 1 1 45%;
            min-width: 150px;
            max-width: none;
        }
    }
/* /UI/Pages/_Dev/GiftForms/DevSingleGiftPage.razor.rz.scp.css */
.single-donation-container[b-ygssg128mb] {
    margin: 15px;
    padding: 0px;
}

.page-header[b-ygssg128mb] {
    color: black;
    margin-bottom: 1rem;
}

.form-section[b-ygssg128mb] {
    background: azure !important;
    border-radius: 8px;
    padding: 0.6rem;
    margin: 0.5rem 0;
    border: 1px solid #e2e8f0;
}

.form-section *[b-ygssg128mb] {
    background: transparent;
}

.form-section h4[b-ygssg128mb] {
    color: #374151;
    margin: 0.4rem 0;
    padding-bottom: 0.4rem;
    border-bottom: 2px solid #e5e7eb;
    background: transparent;
}

.form-container[b-ygssg128mb] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.form-fields[b-ygssg128mb] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.6rem;
    overflow-x: auto;
    width: 100%;
}

.form-fields > div[b-ygssg128mb] {
    flex: 1 1 25%;
    min-width: 150px;
    max-width: 25%;
}

.action-section[b-ygssg128mb] {
    border-top: 1px solid #e5e7eb;
    padding-top: 0.6rem;
    margin-top: 0.4rem;
}

.action-bar[b-ygssg128mb] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    align-items: start;
}

.donation-component[b-ygssg128mb] {
    background: white;
    border-radius: 8px;
    padding: 0.5rem;
    margin: 0.4rem 0;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.component-header[b-ygssg128mb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e5e7eb;
}

.summary-card[b-ygssg128mb] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.6rem;
    margin-bottom: 0.6rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.status-grid[b-ygssg128mb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.4rem;
    margin: 0.4rem 0;
}

.status-item[b-ygssg128mb] {
    background: #f8fafc;
    padding: 0.4rem;
    border-radius: 6px;
    text-align: center;
    border-left: 4px solid;
}

.status-item h5[b-ygssg128mb] {
    color: #374151;
    margin: 0.1rem;
    padding: 0.1rem;
    font-size: 1.1rem;
}

.status-valid[b-ygssg128mb] { border-left-color: #10b981; }
.status-invalid[b-ygssg128mb] { border-left-color: #ef4444; }
.status-empty[b-ygssg128mb] { border-left-color: #6b7280; }

.debug-grid[b-ygssg128mb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin: 1rem 0;
}

.debug-section[b-ygssg128mb] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 0.6rem;
}

.debug-section h6[b-ygssg128mb] {
    color: #374151;
    margin: 0 0 0.4rem 0;
    font-weight: 600;
}

.debug-section pre[b-ygssg128mb] {
    font-size: 0.8rem;
    margin: 0;
    line-height: 1.3;
    color: #4b5563;
}

.donation-details[b-ygssg128mb] {
    background: white;
    padding: 0.4rem;
    margin: 0.2rem 0;
    border-radius: 4px;
    border-left: 3px solid;
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .form-fields[b-ygssg128mb] {
        flex-wrap: wrap;
    }
    .form-fields > div[b-ygssg128mb] {
        flex: 1 1 45%;
        min-width: 150px;
        max-width: none;
    }
}
/* /UI/Pages/_Dev/PageTracker.razor.rz.scp.css */
/* Typography */
h2[b-va155vmu99] {
    margin: 1rem 0;
    font-family: "Segoe UI", Roboto, sans-serif;
    font-weight: 600;
    color: #222;
}

/* Container */
.tracker-container[b-va155vmu99] {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Status Groups */
.status-group[b-va155vmu99] {
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    padding: 0.75rem 1rem;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.status-header[b-va155vmu99] {
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    color: #0366d6;
}

/* Page Entries */
.page-entry[b-va155vmu99] {
    border-bottom: 1px solid #eee;
    padding: 0.75rem 0;
}

    .page-entry:last-child[b-va155vmu99] {
        border-bottom: none;
    }

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

.page-name a[b-va155vmu99] {
    font-weight: 600;
    font-size: 1rem;
    color: #0366d6;
    text-decoration: none;
}

    .page-name a:hover[b-va155vmu99] {
        text-decoration: underline;
    }

/* Substatus */
.substatus[b-va155vmu99] {
    margin: 0.3rem 0;
    font-size: 0.9rem;
    color: #555;
}

/* Notes */
.notes[b-va155vmu99] {
    margin: 0.5rem 0 0 0.5rem;
    padding-left: 0.8rem;
    border-left: 2px solid #eee;
    font-size: 0.9rem;
    color: #444;
}

    .notes li[b-va155vmu99] {
        margin-bottom: 0.4rem;
    }

/* Forms */
.form[b-va155vmu99] {
    margin: 0.5rem 0 1rem;
    padding: 0.8rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
}

    .form input[b-va155vmu99],
    .form textarea[b-va155vmu99],
    .form select[b-va155vmu99] {
        width: 100%;
        margin: 0.4rem 0;
        padding: 0.5rem;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 0.95rem;
        font-family: inherit;
        background: #fff;
    }

        .form input:focus[b-va155vmu99],
        .form textarea:focus[b-va155vmu99],
        .form select:focus[b-va155vmu99] {
            border-color: #0366d6;
            outline: none;
            box-shadow: 0 0 4px rgba(3,102,214,0.3);
        }

/* Buttons */
button[b-va155vmu99] {
    margin: 0.2rem;
    padding: 0.4rem 1rem;
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #f4f4f4;
    cursor: pointer;
    font-size: 0.9rem;
    transition: all 0.15s ease;
}

    button:hover[b-va155vmu99] {
        background: #e9e9e9;
    }

    button:disabled[b-va155vmu99] {
        background: #f9f9f9;
        color: #aaa;
        cursor: not-allowed;
    }

.primary[b-va155vmu99] {
    background: #0366d6;
    border-color: #0253ad;
    color: white;
    font-weight: 600;
}

    .primary:hover:not(:disabled)[b-va155vmu99] {
        background: #0253ad;
    }
/* /UI/Shared/Auth/AuthLoadingSkeleton.razor.rz.scp.css */
.auth-loading-skeleton[b-toleqjicoi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.skeleton-message[b-toleqjicoi] {
    color: var(--neutral-foreground-rest);
    font-size: 0.9rem;
    text-align: center;
    margin: 0;
}

.skeleton-form[b-toleqjicoi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.sr-only[b-toleqjicoi] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}
/* /UI/Shared/Auth/InlineLoginDialog.razor.rz.scp.css */
.form-item[b-777eajpbjz] {
    margin-bottom: 1rem;
}

.alert[b-777eajpbjz] {
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
}

.alert-danger[b-777eajpbjz] {
    background-color: var(--error-fill-rest, #fde7e9);
    color: var(--error-foreground-rest, #d13438);
    border: 1px solid var(--error-fill-active, #d13438);
}

.dialog-buttons[b-777eajpbjz] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.dialog-links[b-777eajpbjz] {
    margin-top: 1rem;
    text-align: center;

    a {
        color: var(--accent-foreground-rest);
        text-decoration: none;
        font-size: 0.9rem;

        &:hover {
            text-decoration: underline;
        }
    }
}
/* /UI/Shared/Flow/DevAutoFillButton.razor.rz.scp.css */
.dev-autofill-bar[b-23s5mdgnje] {
    display: flex;
    justify-content: flex-end;
    padding: 4px 0;
    margin-bottom: 8px;
}

.dev-autofill-btn[b-23s5mdgnje] {
    font-family: 'Cascadia Code', 'Consolas', monospace;
    font-size: 11px;
    padding: 4px 12px;
    background: #2d2d2d;
    color: #4ec9b0;
    border: 1px solid #4ec9b0;
    border-radius: 3px;
    cursor: pointer;
    letter-spacing: 0.3px;
}

.dev-autofill-btn:hover[b-23s5mdgnje] {
    background: #4ec9b0;
    color: #1e1e1e;
}
/* /UI/Shared/Flow/FlowDebugKeyboardHandler.razor.rz.scp.css */
.flow-step-debug-panel[b-gcrtppbfvw] {
    position: fixed;
    top: 60px;
    right: 20px;
    width: 320px;
    max-height: calc(100vh - 100px);
    background: #1e1e2e;
    border: 1px solid #45475a;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    font-family: 'Segoe UI', sans-serif;
    font-size: 13px;
    color: #cdd6f4;
    overflow: hidden;
}

.debug-panel-header[b-gcrtppbfvw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #313244;
    border-bottom: 1px solid #45475a;
}

.debug-panel-title[b-gcrtppbfvw] {
    font-weight: 600;
    color: #89b4fa;
}

.debug-panel-close[b-gcrtppbfvw] {
    background: none;
    border: none;
    color: #6c7086;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: 0 4px;
}

.debug-panel-close:hover[b-gcrtppbfvw] {
    color: #f38ba8;
}

.debug-panel-content[b-gcrtppbfvw] {
    padding: 14px;
    overflow-y: auto;
    max-height: calc(100vh - 160px);
}

.debug-panel-section h4[b-gcrtppbfvw] {
    margin: 0 0 10px 0;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #a6adc8;
}

.debug-form-state[b-gcrtppbfvw] {
    background: #181825;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 14px;
}

.debug-field[b-gcrtppbfvw] {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px solid #313244;
}

.debug-field:last-child[b-gcrtppbfvw] {
    border-bottom: none;
}

.debug-field-label[b-gcrtppbfvw] {
    color: #a6adc8;
    font-weight: 500;
}

.debug-field-value[b-gcrtppbfvw] {
    color: #cdd6f4;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.debug-panel-actions[b-gcrtppbfvw] {
    margin-top: 10px;
}

.debug-autofill-btn[b-gcrtppbfvw] {
    width: 100%;
    padding: 10px 16px;
    background: #89b4fa;
    color: #1e1e2e;
    border: none;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.debug-autofill-btn:hover[b-gcrtppbfvw] {
    background: #74c7ec;
}

.debug-no-autofill[b-gcrtppbfvw] {
    display: block;
    text-align: center;
    color: #6c7086;
    font-style: italic;
    padding: 10px;
}
/* /UI/Shared/Flow/FlowError.razor.rz.scp.css */
/* FlowError Component Styles */
/* Three visual states: Fatal (red), Retryable (yellow/amber), Fixable (yellow) */

/* Retryable - amber/orange style */
.flow-error--retryable[b-x5wieyvzfg] {
    background-color: #fff3cd;
    border: 1px solid #fd7e14;
    border-left: 4px solid #fd7e14;
}

.flow-error--retryable .flow-error-title[b-x5wieyvzfg],
.flow-error--retryable .flow-error-message[b-x5wieyvzfg],
.flow-error--retryable .flow-error-hint[b-x5wieyvzfg],
.flow-error--retryable .flow-error-tracking[b-x5wieyvzfg],
.flow-error--retryable .flow-error-attempts[b-x5wieyvzfg] {
    color: #856404;
}

/* Fatal - red/danger style */
.flow-error--fatal[b-x5wieyvzfg] {
    background-color: #f8d7da;
    border: 1px solid #dc3545;
    border-left: 4px solid #dc3545;
}

.flow-error--fatal .flow-error-title[b-x5wieyvzfg],
.flow-error--fatal .flow-error-message[b-x5wieyvzfg],
.flow-error--fatal .flow-error-help[b-x5wieyvzfg],
.flow-error--fatal .flow-error-tracking[b-x5wieyvzfg],
.flow-error--fatal .flow-error-attempts[b-x5wieyvzfg] {
    color: #721c24;
}

/* Icon container */
.flow-error-icon[b-x5wieyvzfg] {
    flex-shrink: 0;
    padding-top: 2px;
}

/* Content area */
.flow-error-content[b-x5wieyvzfg] {
    flex: 1;
    min-width: 0;
}

.flow-error-title[b-x5wieyvzfg] {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 8px;
    line-height: 1.3;
}

.flow-error-message[b-x5wieyvzfg] {
    font-size: 0.95rem;
    margin: 0 0 8px;
    line-height: 1.5;
}

.flow-error-message:last-child[b-x5wieyvzfg] {
    margin-bottom: 0;
}

/* Customer service help text (fatal errors) */
.flow-error-help[b-x5wieyvzfg] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 0.95rem;
}

.flow-error-help strong[b-x5wieyvzfg] {
    font-weight: 600;
}

/* Retry hint (retryable errors) */
.flow-error-hint[b-x5wieyvzfg] {
    font-size: 0.9rem;
    font-style: italic;
    margin: 4px 0 0;
    opacity: 0.9;
}

/* Tracking ID */
.flow-error-tracking[b-x5wieyvzfg] {
    font-size: 0.85rem;
    margin-top: 8px;
}

.flow-error-tracking code[b-x5wieyvzfg] {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.85em;
}

/* Attempt count */
.flow-error-attempts[b-x5wieyvzfg] {
    font-size: 0.85rem;
    margin-top: 4px;
    opacity: 0.9;
}

/* Technical details (dev mode only) */
.flow-error-details[b-x5wieyvzfg] {
    margin-top: 12px;
    font-size: 0.85rem;
}

.flow-error-details summary[b-x5wieyvzfg] {
    cursor: pointer;
    color: inherit;
    opacity: 0.8;
}

.flow-error-details summary:hover[b-x5wieyvzfg] {
    opacity: 1;
}

.flow-error-details pre[b-x5wieyvzfg] {
    margin-top: 8px;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    overflow-x: auto;
    font-size: 0.8rem;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Actions container */
.flow-error-actions[b-x5wieyvzfg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-shrink: 0;
}

/* Dismiss button */
.flow-error-dismiss[b-x5wieyvzfg] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    opacity: 0.6;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:
        opacity 0.15s ease,
        background-color 0.15s ease;
}

.flow-error-dismiss:hover[b-x5wieyvzfg] {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.05);
}

.flow-error-dismiss:focus[b-x5wieyvzfg] {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
/* /UI/Shared/Payment/PaymentErrorDisplay.razor.rz.scp.css */
.payment-error-container[b-s8yr9o7j9t] {
    background-color: #f8d7da;
    border: 2px solid #dc3545;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}

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

.payment-error-title[b-s8yr9o7j9t] {
    color: #721c24;
    font-size: 16px;
    font-weight: 600;
}

.payment-error-message[b-s8yr9o7j9t] {
    color: #721c24;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.payment-error-tracking[b-s8yr9o7j9t] {
    color: #721c24;
    font-size: 12px;
    margin-top: 8px;
}

.payment-error-tracking code[b-s8yr9o7j9t] {
    background-color: #fff3cd;
    padding: 2px 6px;
    border-radius: 3px;
}

.payment-error-attempts[b-s8yr9o7j9t] {
    color: #721c24;
    font-size: 13px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dc3545;
}

.payment-error-details-container[b-s8yr9o7j9t] {
    margin-top: 16px;
}

.payment-error-details-toggle[b-s8yr9o7j9t] {
    cursor: pointer;
    color: #721c24;
    font-size: 13px;
}

.payment-error-details[b-s8yr9o7j9t] {
    margin-top: 8px;
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    font-size: 12px;
}

.payment-error-details p[b-s8yr9o7j9t] {
    margin: 4px 0;
}

.payment-error-details code[b-s8yr9o7j9t] {
    background-color: #e9ecef;
    padding: 1px 4px;
    border-radius: 3px;
}

.payment-error-full-response[b-s8yr9o7j9t] {
    margin-top: 8px;
}

.payment-error-full-response pre[b-s8yr9o7j9t] {
    background-color: white;
    padding: 8px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin: 4px 0;
    overflow-x: auto;
}

.payment-error-actions[b-s8yr9o7j9t] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #dc3545;
}
/* /UI/Shared/Payment/PaymentForm.razor.rz.scp.css */
/* Billing address section styling */
.billing-address-section[b-rrn0iv4rv9] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--neutral-stroke-rest);
}

.billing-address-section h3[b-rrn0iv4rv9] {
    margin-bottom: 1rem;
}

.billing-address-options[b-rrn0iv4rv9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.billing-option[b-rrn0iv4rv9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.billing-option-detail[b-rrn0iv4rv9] {
    margin-left: 1.75rem;
    margin-top: 0.25rem;
}

.new-billing-address-form[b-rrn0iv4rv9] {
    margin-top: 1rem;
    padding-top: 0.5rem;
}