@import '_content/Applied.Shared/Applied.Shared.5fvy87t907.bundle.scp.css';
@import '_content/Mcp.Shared.UI/Mcp.Shared.UI.rppffizycl.bundle.scp.css';

/* _content/Fabric.WebApp/Backend/Application/Features/Common/UI/CollapsableContainer.razor.rz.scp.css */
.collapsible-input-block[b-bxsfw1pjtj] {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    flex-direction: column;
    gap: 0.55rem;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    padding: 0.75rem;
    box-sizing: border-box;
    min-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease, flex-basis 0.2s ease;
}

.collapsible-input-block.collapsed[b-bxsfw1pjtj] {
    height: auto;
    max-height: 3.2rem;
    flex: 0 0 auto;
}

.collapsible-input-block.expanded[b-bxsfw1pjtj] {
    height: auto;
    max-height: none;
    flex: 1 1 auto;
}

.collapsible-input-header[b-bxsfw1pjtj] {
    display: flex;
    align-items: center;
}

.collapsible-header-row[b-bxsfw1pjtj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.45rem;
}

.collapse-toggle[b-bxsfw1pjtj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    border: none;
    background: transparent;
    color: var(--text-primary, #0f172a);
    padding: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
}

.collapsible-header-actions[b-bxsfw1pjtj] {
    width: 100%;
    margin-top: 0.05rem;
}

.collapse-icon[b-bxsfw1pjtj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: var(--app-accent-color, #f97316);
    font-size: 1rem;
    line-height: 1;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Common/UI/ConfirmDialog.razor.rz.scp.css */
.confirm-dialog-backdrop[b-kleg3tmwb0] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.confirm-dialog[b-kleg3tmwb0] {
    width: min(420px, calc(100vw - 2rem));
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-color, rgba(15, 23, 42, 0.12));
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
    padding: 1rem 1.25rem;
    color: var(--text-primary, #0f172a);
}

.confirm-dialog-header[b-kleg3tmwb0] {
    margin-bottom: 0.75rem;
}

.confirm-dialog-body[b-kleg3tmwb0] {
    margin-bottom: 1rem;
    color: var(--text-secondary, #475569);
}

.confirm-dialog-actions[b-kleg3tmwb0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

.confirm-cancel[b-kleg3tmwb0],
.confirm-confirm[b-kleg3tmwb0] {
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.confirm-cancel[b-kleg3tmwb0] {
    background: transparent;
    border-color: var(--border-color, rgba(15, 23, 42, 0.12));
    color: var(--text-primary, #0f172a);
}

.confirm-cancel:hover[b-kleg3tmwb0] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
}

.confirm-confirm[b-kleg3tmwb0] {
    background: var(--app-accent-color, #f97316);
    border-color: var(--app-accent-color, #f97316);
    color: #ffffff;
}

.confirm-confirm:hover[b-kleg3tmwb0] {
    filter: brightness(0.96);
}
/* _content/Fabric.WebApp/Backend/Application/Features/Common/UI/EditableDetailField.razor.rz.scp.css */
.editable-detail-field[b-0ubm8sn2bj] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    width: 100%;
    min-width: 0;
}

.editable-detail-field--editing[b-0ubm8sn2bj] {
    padding: 0.15rem;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.08), rgba(59, 130, 246, 0.02));
}

.editable-detail-field-header[b-0ubm8sn2bj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.editable-detail-field-label[b-0ubm8sn2bj] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
}

.editable-detail-field-display[b-0ubm8sn2bj] {
    min-height: 2.1rem;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--border-color, rgba(15, 23, 42, 0.1));
    background: var(--bg-elevated, #ffffff);
    color: var(--text-primary, #0f172a);
    padding: 0.7rem 0.8rem;
    box-sizing: border-box;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.editable-detail-field-display--single[b-0ubm8sn2bj] {
    display: flex;
    align-items: center;
    min-height: 2.2rem;
}

.editable-detail-field-display--multiline[b-0ubm8sn2bj] {
    white-space: pre-wrap;
    min-height: 5rem;
    line-height: 1.5;
}

.editable-detail-field-empty[b-0ubm8sn2bj] {
    color: var(--text-muted, #64748b);
}

.editable-detail-field-control[b-0ubm8sn2bj] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(59, 130, 246, 0.5);
    border-radius: 8px;
    background: var(--bg-elevated, #ffffff);
    color: var(--text-primary, #0f172a);
    padding: 0.7rem 0.8rem;
    font-size: 0.8rem;
    line-height: 1.5;
    resize: vertical;
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.12);
}

.editable-detail-field-control--editing[b-0ubm8sn2bj] {
    border-color: rgba(59, 130, 246, 0.8);
    background: var(--bg-elevated, #ffffff);
    color: var(--text-primary, #0f172a);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.08);
}

.editable-detail-field-control:focus[b-0ubm8sn2bj] {
    outline: none;
    border-color: rgba(59, 130, 246, 0.8);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}
/* _content/Fabric.WebApp/Backend/Application/Features/Common/UI/FabricTreeNode.razor.rz.scp.css */
.fabric-tree-node[b-qtg15ead7w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: var(--text-primary, #0f172a);
    padding-left: calc(var(--depth, 0) * 4px);
    min-width: 0;
}

.fabric-tree-row[b-qtg15ead7w] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    width: 100%;
    padding: 4px 6px 4px 4px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary, #475569);
    transition: background 0.15s ease, border-color 0.15s ease;
    border: 1px solid transparent;
}

.fabric-tree-row:hover[b-qtg15ead7w] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border-color: var(--border, rgba(15, 23, 42, 0.1));
}

.fabric-tree-row.expanded[b-qtg15ead7w] {
    background: rgba(59, 130, 246, 0.04);
    border-color: rgba(59, 130, 246, 0.1);
}

.fabric-tree-row.editing[b-qtg15ead7w] {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.45);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2);
}

.fabric-tree-row.drop-target[b-qtg15ead7w] {
    background: rgba(59, 130, 246, 0.25) !important;
    border-color: var(--app-accent-color, #f97316) !important;
    outline: 2px dashed var(--app-accent-color, #f97316) !important;
    outline-offset: -1px;
    position: relative;
}

.fabric-tree-row.drop-target[b-qtg15ead7w]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    height: 4px;
    border-radius: 999px;
    background: var(--app-accent-color, #f97316);
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.9);
    pointer-events: none;
}

.fabric-tree-row.dragging[b-qtg15ead7w] {
    opacity: 0.4;
}

.fabric-tree-toggle[b-qtg15ead7w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    flex: 0 0 14px;
    border-radius: 4px;
}

.fabric-tree-chevron[b-qtg15ead7w] {
    width: 10px;
    height: 10px;
    opacity: 0.8;
    transition: transform 0.2s ease;
}

.fabric-tree-chevron.expanded[b-qtg15ead7w] {
    transform: rotate(90deg);
}

.fabric-tree-indent[b-qtg15ead7w] {
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
}

.fabric-tree-icon[b-qtg15ead7w] {
    width: 13px;
    height: 13px;
    opacity: 0.92;
    flex: 0 0 13px;
    margin-left: 2px;
}

.fabric-tree-name[b-qtg15ead7w] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.79rem;
    color: var(--text-primary, #0f172a);
    letter-spacing: 0.01em;
    line-height: 1.3;
}

.fabric-tree-content-indicator[b-qtg15ead7w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    color: #ffffff;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 1;
    flex: 0 0 8px;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.25);
    transform: translateY(1px);
}

.fabric-tree-children[b-qtg15ead7w] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-left: 6px;
    border-left: 1px solid rgba(148, 163, 184, 0.08);
    margin-left: 4px;
    margin-top: 2px;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Common/UI/TextInputBlock.razor.rz.scp.css */
.collapsible-input[b-9jeahiumgg] {
    width: 100%;
    min-height: 120px;
    max-height: 260px;
    overflow: auto;
    resize: vertical;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    background: var(--card-bg, #ffffff);
    color: var(--text-primary, #0f172a);
    font-size: 0.8rem;
    line-height: 1.5;
    padding: 0.8rem 0.9rem;
    box-sizing: border-box;
}

.collapsible-input:focus[b-9jeahiumgg] {
    outline: none;
    border-color: rgba(96, 165, 250, 0.5);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/Compatibility/PlatformCompatibility.razor.rz.scp.css */
body[b-lb6zsemvf4] {
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/Discover/PlatformDiscover.razor.rz.scp.css */
.platform-panel[b-5hmu5dbx1q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    box-sizing: border-box;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    padding: 0.7rem 0.8rem 0.6rem;
    min-height: 260px;
}

.panel-header[b-5hmu5dbx1q] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.panel-kicker[b-5hmu5dbx1q] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
}

.panel-header h3[b-5hmu5dbx1q] {
    margin: 0;
    color: var(--text-primary, #0f172a);
    font-size: 1.2rem;
    font-weight: 600;
}

.platform-description[b-5hmu5dbx1q] {
    margin: 0;
    color: var(--text-secondary, #475569);
    line-height: 1.6;
}

.platform-discover-controls[b-5hmu5dbx1q] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.platform-select[b-5hmu5dbx1q],
.platform-input[b-5hmu5dbx1q] {
    flex: 1 1 220px;
    appearance: none;
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 6px;
    color: var(--text-primary, #0f172a);
    font-size: 0.8rem;
    line-height: 1.2;
    padding: 0.6rem 0.75rem;
    outline: none;
    box-sizing: border-box;
}

.platform-select[b-5hmu5dbx1q] {
    padding-right: 2.2rem;
    background-image: linear-gradient(45deg, transparent 50%, var(--text-secondary, #475569) 50%), linear-gradient(135deg, var(--text-secondary, #475569) 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
}

.platform-input[b-5hmu5dbx1q]::placeholder {
    color: var(--text-muted, #64748b);
}

.platform-select:focus[b-5hmu5dbx1q],
.platform-input:focus[b-5hmu5dbx1q] {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}

.btn[b-5hmu5dbx1q] {
    border: 1px solid rgba(96, 165, 250, 0.35);
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.18);
    color: var(--text-primary, #0f172a);
    padding: 0.72rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.platform-input-stack[b-5hmu5dbx1q] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: stretch;
}

.platform-input-stack > *[b-5hmu5dbx1q] {
    flex: 1 1 0;
    min-width: 0;
}

.platform-result-box[b-5hmu5dbx1q] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 420px;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    padding: 0.9rem;
    overflow: hidden;
}

.result-header[b-5hmu5dbx1q] {
    display: flex;
    align-items: center;
}

.result-toggle[b-5hmu5dbx1q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    border: none;
    background: transparent;
    color: var(--text-primary, #0f172a);
    padding: 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
}

.result-toggle-icon[b-5hmu5dbx1q] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 999px;
    background: rgba(96, 165, 250, 0.12);
    color: var(--app-accent-color, #f97316);
    font-size: 1rem;
    line-height: 1;
}

.platform-result-box pre[b-5hmu5dbx1q] {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #0f172a);
    font-size: 0.78rem;
    line-height: 1.65;
    font-family: Consolas, "SFMono-Regular", Consolas, monospace;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/Discover/PlatformDiscoveryResult.razor.rz.scp.css */
.result-panels[b-bp39o1xc2o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.result-panel[b-bp39o1xc2o] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    overflow: hidden;
}

.result-panel-header[b-bp39o1xc2o] {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    color: var(--text-secondary, #475569);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: var(--bg-elevated, #ffffff);
}

.payload-header[b-bp39o1xc2o] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
}

.payload-mode-switch[b-bp39o1xc2o] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    width: 100%;
}

.payload-mode-switch .copy-button[b-bp39o1xc2o] {
    margin-left: auto;
}

.payload-mode-button[b-bp39o1xc2o] {
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    background: var(--card-bg, #ffffff);
    color: var(--text-secondary, #475569);
    border-radius: 999px;
    padding: 0.2rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.payload-mode-button.active[b-bp39o1xc2o] {
    background: rgba(96, 165, 250, 0.14);
    border-color: rgba(96, 165, 250, 0.4);
    color: var(--text-primary, #0f172a);
}

.payload-panel[b-bp39o1xc2o] {
    min-width: 0;
}

.navigation-panel[b-bp39o1xc2o] {
    width: 290px;
    min-width: 290px;
}

.payload-panel .viz-code-block[b-bp39o1xc2o],
.payload-panel pre[b-bp39o1xc2o] {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #0f172a);
    font-size: 0.78rem;
    line-height: 1.65;
    padding: 0.55rem 0.65rem;
    font-family: Consolas, "SFMono-Regular", Consolas, monospace;
}

.empty-payload-state[b-bp39o1xc2o] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 1rem;
    color: var(--text-muted, #64748b);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-align: center;
}

.result-panel-content[b-bp39o1xc2o] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.5rem;
}

@media (max-width: 900px) {
    .result-panels[b-bp39o1xc2o] {
        grid-template-columns: 1fr;
    }
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/Overview/PlatformOverviewAndEdit.razor.rz.scp.css */
.platform-panel[b-c6rzaq44vy] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    box-sizing: border-box;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 12px;
    padding: 1.25rem;
    min-height: 260px;
}

.panel-header[b-c6rzaq44vy] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.panel-kicker[b-c6rzaq44vy] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
}

.overview-breadcrumb[b-c6rzaq44vy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    color: var(--text-secondary, #475569);
    font-size: 0.8rem;
    line-height: 1.4;
}

.crumb[b-c6rzaq44vy] {
    display: inline-flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
}

.crumb-link[b-c6rzaq44vy] {
    color: var(--text-secondary, #475569);
    cursor: pointer;
    text-decoration: none;
    border-radius: 0.375rem;
    padding: 0.1rem 0.3rem;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.crumb-link:hover[b-c6rzaq44vy] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    color: var(--text-primary, #0f172a);
    text-decoration: none;
}

.crumb-link:focus-visible[b-c6rzaq44vy] {
    outline: 2px solid var(--accent, rgba(37, 99, 235, 0.5));
    outline-offset: 2px;
}

.crumb-current[b-c6rzaq44vy] {
    color: var(--text-primary, #0f172a);
    font-weight: 600;
}

.crumb-separator[b-c6rzaq44vy] {
    color: var(--text-muted, #64748b);
    user-select: none;
}

.panel-header h3[b-c6rzaq44vy] {
    margin: 0;
    color: var(--text-primary, #0f172a);
    font-size: 1.2rem;
    font-weight: 600;
}

.overview-meta[b-c6rzaq44vy] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
}

.overview-field[b-c6rzaq44vy] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    background: var(--bg-elevated, #ffffff);
}

.overview-field--wide[b-c6rzaq44vy] {
    width: 100%;
}

.overview-field label[b-c6rzaq44vy] {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--text-muted, #64748b);
}

.overview-value[b-c6rzaq44vy] {
    color: var(--text-primary, #0f172a);
    font-size: 0.92rem;
    line-height: 1.5;
    word-break: break-word;
}

.overview-path[b-c6rzaq44vy] {
    font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
    font-size: 0.8rem;
    color: var(--text-secondary, #475569);
}

.overview-description[b-c6rzaq44vy] {
    max-width: 100%;
}

.platform-detail-grid[b-c6rzaq44vy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.detail-card[b-c6rzaq44vy] {
    background: var(--bg-elevated, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    padding: 1rem;
}

.detail-card h4[b-c6rzaq44vy] {
    margin: 0 0 0.9rem;
    color: var(--text-secondary, #475569);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.detail-card dl[b-c6rzaq44vy] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.detail-card dl > div[b-c6rzaq44vy] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 1rem;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    padding-bottom: 0.45rem;
}

.detail-card dl > div:last-child[b-c6rzaq44vy] {
    border-bottom: none;
    padding-bottom: 0;
}

.detail-card dt[b-c6rzaq44vy] {
    color: var(--text-muted, #64748b);
    font-size: 0.75rem;
    font-weight: 600;
}

.detail-card dd[b-c6rzaq44vy] {
    margin: 0;
    color: var(--text-primary, #0f172a);
    font-size: 0.9rem;
    font-weight: 500;
    text-align: right;
}

.platform-action-row[b-c6rzaq44vy] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/PlatformNavigation.razor.rz.scp.css */
.platform-navigation[b-3ze9adsap9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
}

.platform-section[b-3ze9adsap9] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.platform-label-row[b-3ze9adsap9] {
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
}

.platform-select-wrap[b-3ze9adsap9] {
    width: 100%;
}

.platform-select[b-3ze9adsap9] {
    width: 100%;
    appearance: none;
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    color: var(--text-primary, #0f172a);
    font-size: 0.8rem;
    line-height: 1.2;
    min-height: 2.8rem;
    padding: 0.75rem 2.5rem 0.75rem 0.8rem;
    outline: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--text-secondary, #475569) 50%), linear-gradient(135deg, var(--text-secondary, #475569) 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.platform-select:focus[b-3ze9adsap9] {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}

.platform-tree-section[b-3ze9adsap9] {
    min-height: 0;
    flex: 1 1 auto;
}

.platform-navigation-body[b-3ze9adsap9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 180px;
    padding: 0.25rem 0;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Components/PlatformTreeNode.razor.rz.scp.css */
.platform-nav-item[b-nstfc7c95k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-primary, #0f172a);
    padding-left: calc(var(--depth, 0) * 4px);
    min-width: 0;
}

.platform-nav-row[b-nstfc7c95k] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    width: 100%;
    padding: 4px 6px 4px 4px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary, #475569);
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    border: 1px solid transparent;
}

.platform-nav-row:hover[b-nstfc7c95k] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border-color: var(--border, rgba(15, 23, 42, 0.1));
}

.platform-nav-row.expanded[b-nstfc7c95k] {
    background: rgba(96, 165, 250, 0.04);
    border-color: rgba(96, 165, 250, 0.1);
}

.platform-nav-name[b-nstfc7c95k] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.79rem;
    color: var(--text-primary, #0f172a);
    letter-spacing: 0.01em;
    line-height: 1.3;
}

.platform-nav-toggle[b-nstfc7c95k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    flex: 0 0 14px;
    border-radius: 4px;
}

.platform-chevron[b-nstfc7c95k] {
    width: 10px;
    height: 10px;
    opacity: 0.8;
    transition: transform 0.2s ease;
    filter: drop-shadow(0 0 1px var(--border, rgba(15, 23, 42, 0.1)));
}

.platform-chevron.expanded[b-nstfc7c95k] {
    transform: rotate(90deg);
}

.platform-nav-icon[b-nstfc7c95k] {
    width: 13px;
    height: 13px;
    opacity: 0.92;
    flex: 0 0 13px;
    margin-left: 2px;
}

.platform-nav-indent[b-nstfc7c95k] {
    display: none;
}

.platform-nav-children[b-nstfc7c95k] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-left: 6px;
    border-left: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    margin-left: 4px;
    margin-top: 2px;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Platforms/UI/Platforms.razor.rz.scp.css */
.feature-shell[b-kj6nyyxc0k] {
    width: 100%;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    box-sizing: border-box;
    background: var(--bg, #f8fafc);
    border: none;
    border-radius: 0;
    color: var(--text-primary, #0f172a);
}

.platform-layout[b-kj6nyyxc0k] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.platform-sidebar[b-kj6nyyxc0k] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background: var(--bg-elevated, #ffffff);
    border-right: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    overflow: hidden;
}

.platform-main[b-kj6nyyxc0k] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    background: var(--bg, #f8fafc);
    border: none;
    border-radius: 0;
    padding: 0;
}

.platform-tabbar[b-kj6nyyxc0k] {
    padding: 12px 12px 12px;
    box-sizing: border-box;
    background: var(--bg, #f8fafc);
}

.feature-header[b-kj6nyyxc0k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 18px;
}

.eyebrow[b-kj6nyyxc0k] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #c4b5fd;
}

.feature-header h2[b-kj6nyyxc0k] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
}

.platform-body[b-kj6nyyxc0k] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: stretch;
    background: var(--card-bg, #ffffff);
    border-top: 1px solid var(--border, rgba(15, 23, 42, 0.1));
}

.platform-panel[b-kj6nyyxc0k] {
    width: 100%;
    flex: 1 1 auto;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    padding: 18px;
    color: var(--text-primary, #0f172a);
}

.panel-header[b-kj6nyyxc0k] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.panel-kicker[b-kj6nyyxc0k] {
    font-size: 0.64rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--app-accent-color, #f97316);
}

.panel-header h3[b-kj6nyyxc0k] {
    margin: 0;
    font-size: 1.1rem;
    color: var(--text-primary, #0f172a);
}

.platform-panel p[b-kj6nyyxc0k] {
    margin: 0.75rem 0 0;
    color: var(--text-secondary, #475569);
    line-height: 1.6;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Architecture/WorkspaceArchitecture.razor.rz.scp.css */
.workspace-architecture[b-5m18twimhj] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100%;
    width: 100%;
    color: var(--text-primary, #0f172a);
}

.workspace-architecture-header[b-5m18twimhj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 2px 12px;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
}

.workspace-architecture-kicker[b-5m18twimhj] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--app-accent-color, #f97316);
    margin-bottom: 4px;
}

.workspace-architecture-header h3[b-5m18twimhj] {
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--text-primary, #0f172a);
}

.workspace-architecture-button[b-5m18twimhj] {
    border: 1px solid rgba(96, 165, 250, 0.35);
    background: rgba(59, 130, 246, 0.12);
    color: var(--text-primary, #0f172a);
    border-radius: 10px;
    padding: 8px 12px;
    font-weight: 600;
    cursor: pointer;
}

.workspace-architecture-body[b-5m18twimhj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    min-height: 0;
}

.architecture-overview-card[b-5m18twimhj],
.architecture-graph-card[b-5m18twimhj] {
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 14px;
    padding: 16px;
}

.architecture-card-title[b-5m18twimhj] {
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    margin-bottom: 14px;
    font-weight: 700;
}

.architecture-card-grid[b-5m18twimhj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.architecture-card-item[b-5m18twimhj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 12px;
    padding: 12px;
}

.architecture-card-label[b-5m18twimhj] {
    font-size: 0.7rem;
    color: var(--text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.architecture-card-item strong[b-5m18twimhj] {
    font-size: 1.5rem;
    color: var(--text-primary, #0f172a);
}

.graph-viewport[b-5m18twimhj] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    gap: 18px;
    min-height: 220px;
    align-items: center;
    justify-items: center;
    padding: 22px 12px 12px;
    background: radial-gradient(circle at center, rgba(96, 165, 250, 0.12), rgba(148, 163, 184, 0.08));
    border-radius: 12px;
}

.graph-node[b-5m18twimhj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 52px;
    border-radius: 999px;
    text-align: center;
    font-weight: 600;
    font-size: 0.8rem;
}

.graph-node-primary[b-5m18twimhj] {
    background: rgba(249, 115, 22, 0.18);
    border: 1px solid rgba(251, 146, 60, 0.35);
    color: #fdba74;
    grid-column: 1 / -1;
}

.graph-node-secondary[b-5m18twimhj] {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(96, 165, 250, 0.35);
    color: #dbeafe;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Dependencies/WorkspaceDependencies.razor.rz.scp.css */
body[b-y4r9lww9ic] {
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Discover/WorkspaceDiscovery.razor.rz.scp.css */
.platform-panel[b-irz881rfhl] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    box-sizing: border-box;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    padding: 0.7rem 0.8rem 0.6rem;
    min-height: 260px;
}

.platform-discover-controls[b-irz881rfhl] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.platform-input[b-irz881rfhl],
.viz-input[b-irz881rfhl] {
    flex: 1 1 220px;
    width: 100%;
    appearance: none;
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 6px;
    color: var(--text-primary, #0f172a);
    font-size: 0.8rem;
    line-height: 1.2;
    padding: 0.6rem 0.75rem;
    outline: none;
    box-sizing: border-box;
}

.platform-input[b-irz881rfhl]::placeholder,
.viz-input[b-irz881rfhl]::placeholder {
    color: var(--text-muted, #64748b);
}

.platform-input:focus[b-irz881rfhl],
.viz-input:focus[b-irz881rfhl] {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}

.platform-progress-box[b-irz881rfhl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
}

.platform-input-stack[b-irz881rfhl] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
}

.viz-label[b-irz881rfhl] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
}

textarea.viz-input[b-irz881rfhl] {
    min-height: 300px;
    resize: vertical;
    background: var(--bg, #f8fafc);
    font-family: Consolas, "SFMono-Regular", monospace;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

.repo-file-list[b-irz881rfhl] {
    width: 100%;
    min-height: 300px;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Discover/WorkspaceDiscoveryResult.razor.rz.scp.css */
.result-panels[b-bz8h0hspu5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 0.75rem;
    flex: 1 1 auto;
    min-height: 320px;
    max-height: calc(100vh - 18rem);
    height: min(72vh, 720px);
    min-width: 0;
    overflow: hidden;
}

.result-panel[b-bz8h0hspu5] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    overflow: hidden;
}

.result-panel-header[b-bz8h0hspu5] {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    color: var(--text-secondary, #475569);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: var(--bg-elevated, #ffffff);
}

.payload-header[b-bz8h0hspu5] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
}

.payload-mode-switch[b-bz8h0hspu5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    width: 100%;
}

.payload-mode-switch .copy-button[b-bz8h0hspu5] {
    margin-left: auto;
}

.payload-mode-button[b-bz8h0hspu5] {
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    background: var(--card-bg, #ffffff);
    color: var(--text-secondary, #475569);
    border-radius: 999px;
    padding: 0.2rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.payload-mode-button.active[b-bz8h0hspu5] {
    background: rgba(96, 165, 250, 0.14);
    border-color: rgba(96, 165, 250, 0.4);
    color: var(--text-primary, #0f172a);
}

.payload-panel[b-bz8h0hspu5] {
    min-width: 0;
    min-height: 0;
}

.navigation-panel[b-bz8h0hspu5] {
    width: 290px;
    min-width: 290px;
    min-height: 0;
}

.result-panel-content[b-bz8h0hspu5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.5rem;
}

.payload-panel .viz-code-block[b-bz8h0hspu5],
.payload-panel pre[b-bz8h0hspu5] {
    margin: 0;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--text-primary, #0f172a);
    font-size: 0.78rem;
    line-height: 1.65;
    padding: 0.55rem 0.65rem;
    font-family: Consolas, "SFMono-Regular", Consolas, monospace;
}

.empty-payload-state[b-bz8h0hspu5] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    padding: 1rem;
    color: var(--text-muted, #64748b);
    font-size: 0.76rem;
    letter-spacing: 0.04em;
    text-align: center;
}

.result-panel-content[b-bz8h0hspu5] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 0.5rem;
}

@media (max-width: 900px) {
    .result-panels[b-bz8h0hspu5] {
        grid-template-columns: 1fr;
    }
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Overview/WorkspaceMarkdownEditor.razor.rz.scp.css */
.workspace-md-editor[b-5pe426pkkw] {
    --md-editor-surface: var(--bg-surface, #ffffff);
    --md-editor-toolbar-bg: var(--bg-soft, rgba(143, 182, 236, 0.08));
    --md-editor-toolbar-border: var(--border, rgba(15, 23, 42, 0.08));
    --md-editor-text: var(--text-primary, #0f172a);
    --md-editor-muted: var(--text-muted, #64748b);
    --md-editor-button-bg: rgba(148, 163, 184, 0.12);
    --md-editor-button-text: var(--text-primary, #0f172a);

    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 22rem;
    box-sizing: border-box;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.12));
    border-radius: 8px;
    background: var(--md-editor-surface);
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

#app-viewport.dark .workspace-md-editor[b-5pe426pkkw] {
    --md-editor-surface: #1a2333;
    --md-editor-toolbar-bg: var(--bg-soft, rgba(148, 163, 184, 0.1));
    --md-editor-toolbar-border: rgba(148, 163, 184, 0.22);
    --md-editor-text: #e2e8f0;
    --md-editor-muted: #cbd5e1;
    --md-editor-button-bg: rgba(148, 163, 184, 0.14);
    --md-editor-button-text: #f8fafc;
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}

#app-viewport.dark .editor-toolbar[b-5pe426pkkw] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.1));
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

#app-viewport.dark .editor-textarea[b-5pe426pkkw] {
    background: #1d293d;
}

.workspace-md-editor.is-expanded[b-5pe426pkkw] {
    position: fixed;
    inset: 1rem 0.8rem 0rem 1.8rem;
    z-index: 50;
    width: auto;
    max-width: none;
    min-height: 420px;
    margin-left: -20px;
    margin-top: -12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
}

.editor-toolbar[b-5pe426pkkw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.75rem;
    background: var(--md-editor-toolbar-bg);
    border-bottom: 1px solid var(--md-editor-toolbar-border);
    font-size: 0.75rem;
    color: var(--md-editor-text);
    user-select: none;
}

.toolbar-info[b-5pe426pkkw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.toolbar-title[b-5pe426pkkw] {
    font-weight: 600;
    color: var(--md-editor-text);
}

.toolbar-badge[b-5pe426pkkw] {
    padding: 0.12rem 0.45rem;
    border-radius: 4px;
    background: rgba(100, 116, 139, 0.12);
    color: var(--md-editor-muted);
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
}

.toolbar-actions[b-5pe426pkkw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.toolbar-stats[b-5pe426pkkw] {
    display: flex;
    gap: 0.75rem;
    color: var(--md-editor-muted);
}

.toolbar-expand-button[b-5pe426pkkw] {
    border: 1px solid var(--md-editor-toolbar-border);
    background: var(--md-editor-button-bg);
    color: var(--md-editor-button-text);
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    font-size: 0.68rem;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, background 0.2s ease;
}

.toolbar-expand-button:hover[b-5pe426pkkw] {
    filter: brightness(1.04);
}

.editor-container[b-5pe426pkkw] {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 480px;
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.workspace-md-editor.is-expanded .editor-container[b-5pe426pkkw] {
    max-height: none;
    min-height: 420px;
    height: calc(100% - 42px);
    flex: 1 1 auto;
}

.editor-textarea[b-5pe426pkkw] {
    width: 100%;
    height: 100%;
    min-height: 18rem;
    max-height: 480px;
    box-sizing: border-box;
    padding: 0.85rem 1rem 0.95rem 1rem;
    flex: 1 1 auto;
    border: none;
    outline: none;
    resize: vertical;
    overflow-y: auto;
    overflow-x: auto;
    white-space: pre;
    font-family: var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace);
    font-size: 0.85rem;
    line-height: 1.55;
    color: var(--md-editor-text, #0f172a);
    background: var(--md-editor-surface, transparent);
    tab-size: 2;
    display: block;
    flex: 1 1 auto;
}

.workspace-md-editor.is-expanded .editor-textarea[b-5pe426pkkw] {
    max-height: none;
    min-height: 0;
    height: 100%;
    padding-bottom: 1.1rem;
}

#app-viewport.dark .editor-textarea[b-5pe426pkkw] {
    color: var(--md-editor-text, #e2e8f0);
    background: #0f172a;
}

.editor-textarea:focus[b-5pe426pkkw] {
    outline: none;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Overview/WorkspaceOverviewAndEdit.razor.rz.scp.css */
.platform-panel[b-t84ofsr1fk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    box-sizing: border-box;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 12px;
    padding: 1.25rem;
    min-height: 260px;
    transition: background 0.2s ease;
}

.platform-panel.is-expanded[b-t84ofsr1fk] {
    position: relative;
    z-index: 20;
    margin-left: -20px;
    margin-top: -12px;
    padding-top: 0.75rem;
    gap: 0;
    width: calc(100% + 20px);
}

.overview-expanded-editor[b-t84ofsr1fk] {
    width: 100%;
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    margin-left: -20px;
    width: calc(100% + 20px);
}

.panel-header[b-t84ofsr1fk] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.panel-header-title[b-t84ofsr1fk] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex-wrap: wrap;
}

.node-type-badge[b-t84ofsr1fk] {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.7rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 1.2;
}

.node-type-default[b-t84ofsr1fk] {
    background: rgba(15, 23, 42, 0.82);
    color: #f8fafc;
    border-color: rgba(148, 163, 184, 0.55);
}

.node-type-agent[b-t84ofsr1fk] {
    background: rgba(79, 70, 229, 0.18);
    color: #dfe7ff;
    border-color: rgba(129, 140, 248, 0.5);
}

.node-type-skill[b-t84ofsr1fk] {
    background: rgba(5, 150, 105, 0.18);
    color: #d1fae5;
    border-color: rgba(16, 185, 129, 0.45);
}

.node-type-instruction[b-t84ofsr1fk] {
    background: rgba(217, 119, 6, 0.2);
    color: #fef3c7;
    border-color: rgba(251, 191, 36, 0.5);
}

.node-type-tool[b-t84ofsr1fk] {
    background: rgba(51, 65, 85, 0.18);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.45);
}

.node-type-file[b-t84ofsr1fk] {
    background: rgba(37, 99, 235, 0.18);
    color: #dbeafe;
    border-color: rgba(96, 165, 250, 0.45);
}

.overview-breadcrumb[b-t84ofsr1fk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    color: var(--text-secondary, #475569);
    font-size: 0.8rem;
    line-height: 1.4;
}

.crumb[b-t84ofsr1fk] {
    display: inline-flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
}

.crumb-link[b-t84ofsr1fk] {
    color: var(--text-secondary, #475569);
    cursor: pointer;
    text-decoration: none;
    border-radius: 0.375rem;
    padding: 0.1rem 0.3rem;
}

.crumb-link:hover[b-t84ofsr1fk] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    color: var(--text-primary, #0f172a);
}

.crumb-current[b-t84ofsr1fk] {
    color: var(--text-primary, #0f172a);
    font-weight: 600;
}

.crumb-separator[b-t84ofsr1fk] {
    color: var(--text-muted, #64748b);
    user-select: none;
}

.panel-header h3[b-t84ofsr1fk] {
    margin: 0;
    color: var(--text-primary, #0f172a);
    font-size: 1.2rem;
    font-weight: 600;
}

.overview-meta[b-t84ofsr1fk] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9rem;
}

.overview-field[b-t84ofsr1fk] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 10px;
    background: var(--bg-elevated, #ffffff);
}

.overview-field--wide[b-t84ofsr1fk] {
    width: 100%;
}

.overview-field label[b-t84ofsr1fk] {
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--text-muted, #64748b);
}

.overview-value[b-t84ofsr1fk] {
    color: var(--text-primary, #0f172a);
    font-size: 0.92rem;
    line-height: 1.5;
    word-break: break-word;
}

.overview-path[b-t84ofsr1fk] {
    font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
    font-size: 0.8rem;
    color: var(--text-secondary, #475569);
}

.platform-action-row[b-t84ofsr1fk] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/Problems/WorkspaceProblems.razor.rz.scp.css */
body[b-luuget99a2] {
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Components/WorkspaceRepositoryMetadataFooter.razor.rz.scp.css */
.workspace-metadata-footer[b-bkpcgbkb7a] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.55rem 0.65rem 0.35rem;
    border-top: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    background: rgba(148, 163, 184, 0.025);
    border-radius: 0 0 8px 8px;
    flex-shrink: 0;
}

.workspace-metadata-row[b-bkpcgbkb7a] {
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-height: 1.25rem;
}

.workspace-metadata-label[b-bkpcgbkb7a] {
    font-size: 0.6rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    font-weight: 700;
    opacity: 0.9;
}

.workspace-metadata-value[b-bkpcgbkb7a] {
    display: block;
    min-width: 0;
    font-size: 0.7rem;
    line-height: 1.25;
    color: var(--text-primary, #0f172a);
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;   
    font-family: Consolas, "SFMono-Regular", "Menlo", monospace;
    letter-spacing: 0.02em;
}

.workspace-metadata-value--path[b-bkpcgbkb7a] {
    direction: rtl;
    unicode-bidi: plaintext;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/Workspace.razor.rz.scp.css */
.workspace-shell[b-rz589wcmjc] {
    width: 100%;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    padding: 0;
    border-radius: 0;
    background: var(--bg, #f8fafc);
    border: none;
    box-sizing: border-box;
    color: var(--text-primary, #0f172a);
}

.workspace-layout[b-rz589wcmjc] {
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    gap: 0;
    min-height: 0;
    height: 100%;
}

.workspace-sidebar[b-rz589wcmjc] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    background: var(--bg-elevated, #ffffff);
    border-right: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-left: none;
    overflow: hidden;
    border-radius: 0;
}

.workspace-sidebar-header[b-rz589wcmjc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 12px 8px;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
}

.workspace-label[b-rz589wcmjc] {
    font-size: 0.68rem;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: var(--text-soft, #475569);
    font-weight: 700;
}

.workspace-action[b-rz589wcmjc] {
    border: 1px solid rgba(249, 115, 22, 0.35);
    background: rgba(249, 115, 22, 0.12);
    color: var(--text-primary, #0f172a);
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 0.72rem;
    cursor: pointer;
}

.workspace-tree[b-rz589wcmjc] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0;
    overflow: hidden;
}

.workspace-main[b-rz589wcmjc] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    background: var(--bg, #f8fafc);
    border: none;
    border-radius: 0;
    padding: 0;
    color: var(--text-primary, #0f172a);
}

.workspace-tabbar[b-rz589wcmjc] {
    padding: 12px 12px 12px;
    box-sizing: border-box;
    background: var(--bg, #f8fafc);
}

.workspace-content[b-rz589wcmjc] {
    flex: 1;
    min-height: 0;
    background: var(--card-bg, #ffffff);
    border-top: 1px solid var(--border, rgba(15, 23, 42, 0.1));
}

.empty-state[b-rz589wcmjc] {
    color: var(--text-muted, #64748b);
    padding: 16px 12px;
    font-size: 0.85rem;
}
/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/WorkspaceNavigation.razor.rz.scp.css */
.workspace-navigation[b-broj5cj8mn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.workspace-navigation-header[b-broj5cj8mn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 10px 6px;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
}

.workspace-navigation-title[b-broj5cj8mn] {
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    font-weight: 700;
}

.workspace-navigation-body[b-broj5cj8mn] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    padding: 8px 4px 0;
    min-height: 0;
    overflow: hidden;
}

.workspace-section[b-broj5cj8mn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 4px;
}

.workspace-tree-region[b-broj5cj8mn] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
    padding-right: 0.2rem;
}

.workspace-tree-region[b-broj5cj8mn]::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.workspace-tree-region[b-broj5cj8mn]::-webkit-scrollbar-track {
    background: transparent;
}

.workspace-tree-region[b-broj5cj8mn]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.38);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.workspace-tree-region[b-broj5cj8mn]::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.6);
    border: 2px solid transparent;
    background-clip: padding-box;
}

.workspace-tree-region[b-broj5cj8mn]::-webkit-scrollbar-corner {
    background: transparent;
}

.workspace-label-row[b-broj5cj8mn] {
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    font-weight: 700;
}

.workspace-select-wrap[b-broj5cj8mn] {
    width: 100%;
}

.workspace-select[b-broj5cj8mn] {
    width: 100%;
    appearance: none;
    background: var(--bg, #f8fafc);
    border: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    border-radius: 8px;
    color: var(--text-primary, #0f172a);
    font-size: 0.8rem;
    line-height: 1.2;
    min-height: 2.8rem;
    padding: 0.75rem 2.5rem 0.75rem 0.8rem;
    outline: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--text-secondary, #475569) 50%), linear-gradient(135deg, var(--text-secondary, #475569) 50%, transparent 50%);
    background-position: calc(100% - 16px) calc(50% - 2px), calc(100% - 11px) calc(50% - 2px);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.workspace-select:focus[b-broj5cj8mn] {
    border-color: rgba(96, 165, 250, 0.45);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.2);
}

/* _content/Fabric.WebApp/Backend/Application/Features/Workspace/UI/WorkspaceTreeNode.razor.rz.scp.css */
.workspace-navigation[b-wq23n0hty6] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--bg, #f8fafc);
}

.workspace-navigation-header[b-wq23n0hty6] {
    padding: 10px 12px 8px;
    border-bottom: 1px solid var(--border, rgba(15, 23, 42, 0.1));
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
}

.workspace-navigation-title[b-wq23n0hty6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-muted, #64748b);
    font-weight: 700;
}

.workspace-navigation-body[b-wq23n0hty6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 8px 12px;
    overflow: auto;
    min-height: 0;
    background: var(--bg, #f8fafc);
}

.workspace-nav-item[b-wq23n0hty6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-primary, #0f172a);
    padding-left: calc(var(--depth, 0) * 6px);
    min-width: 0;
}

.workspace-nav-row[b-wq23n0hty6] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    width: 100%;
    padding: 5px 7px 5px 6px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary, #475569);
    transition: background 0.15s ease, border-color 0.15s ease;
    border: 1px solid transparent;
}

.workspace-nav-row:hover[b-wq23n0hty6] {
    background: var(--bg-soft, rgba(148, 163, 184, 0.08));
    border-color: var(--border, rgba(15, 23, 42, 0.1));
}

.workspace-nav-row.expanded[b-wq23n0hty6] {
    background: rgba(96, 165, 250, 0.04);
    border-color: rgba(96, 165, 250, 0.1);
}

.workspace-nav-name[b-wq23n0hty6] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--text-primary, #0f172a);
    letter-spacing: 0.01em;
}

.workspace-nav-toggle[b-wq23n0hty6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    padding: 0;
    background: transparent;
    border: none;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    flex: 0 0 14px;
    border-radius: 4px;
}

.workspace-chevron[b-wq23n0hty6] {
    width: 10px;
    height: 10px;
    opacity: 0.8;
    transition: transform 0.2s ease;
}

.workspace-chevron.expanded[b-wq23n0hty6] {
    transform: rotate(90deg);
}

.workspace-folder-icon[b-wq23n0hty6] {
    width: 13px;
    height: 13px;
    opacity: 0.92;
    flex: 0 0 13px;
}

.workspace-nav-indent[b-wq23n0hty6] {
    display: inline-block;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
}

.workspace-nav-children[b-wq23n0hty6] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-left: 8px;
    border-left: 1px solid rgba(148, 163, 184, 0.08);
    margin-left: 6px;
}
/* _content/Fabric.WebApp/Shared/Layout/AppLayout.razor.rz.scp.css */
:root[b-fu3rigvumc] {
    --app-accent-color: #f97316;
    --app-bg: #f8fafc;
    --card-bg: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border-color: rgba(15, 23, 42, 0.1);
    --bg: #f8fafc;
    --bg-elevated: #ffffff;
    --bg-soft: rgba(148, 163, 184, 0.08);
    --border: rgba(15, 23, 42, 0.1);
    --text-soft: #475569;
}

#app-viewport[b-fu3rigvumc] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    background-color: var(--app-bg);
    color: var(--text-primary);
    transition: background-color 0.3s ease;
}

#app-viewport.dark[b-fu3rigvumc] {
    --app-accent-color: #fbbf24;
    --app-bg: #020817;
    --card-bg: #111827;
    --text-primary: #e2e8f0;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: rgba(148, 163, 184, 0.18);
    --bg: #0f172a;
    --bg-elevated: #0b1220;
    --bg-soft: rgba(148, 163, 184, 0.1);
    --border: rgba(148, 163, 184, 0.18);
    --text-soft: #cbd5e1;
    background-color: var(--app-bg);
}

#app-main[b-fu3rigvumc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#app-main > *[b-fu3rigvumc] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

#app-footer[b-fu3rigvumc] {
    padding: 0.75rem;
    text-align: center;
    border-top: 1px solid var(--border-color);
    background-color: var(--card-bg);
}

#app-footer p[b-fu3rigvumc] {
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
/* _content/Fabric.WebApp/Shared/Layout/FabricCarousel.razor.rz.scp.css */
.carousel-container[b-c9f9spdgif] {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.carousel-track[b-c9f9spdgif] {
    display: flex;
    height: 100%;
    transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.carousel-slide[b-c9f9spdgif] {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.placeholder-slide[b-c9f9spdgif] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    min-height: 420px;
    padding: 3rem;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.12), rgba(15, 23, 42, 0.92));
    color: var(--card-bg, #ffffff);
}

.placeholder-slide h2[b-c9f9spdgif] {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
}

.placeholder-slide p[b-c9f9spdgif] {
    margin: 0;
    font-size: 1rem;
    color: var(--text-secondary, #475569);
}
/* _content/Fabric.WebApp/Shared/Layout/Header.razor.rz.scp.css */
.main-header[b-8o0suzy908] {
    height: 4rem;
    background-color: var(--card-bg);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 50;
    transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1),
                opacity 400ms ease,
                margin-top 400ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.nav-container[b-8o0suzy908] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 0.75rem;
    width: 100%;
    max-width: none;
}

.nav-left[b-8o0suzy908] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex: 1;
}

.nav-right[b-8o0suzy908] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.status-indicator[b-8o0suzy908] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    border: 1px solid var(--border-color);
    background-color: rgba(var(--text-primary-rgb, 0, 0, 0), 0.05);
    cursor: help;
}

.status-dot-container[b-8o0suzy908] {
    display: flex;
    position: relative;
    height: 0.5rem;
    width: 0.5rem;
}

.status-divider[b-8o0suzy908] {
    height: 2rem;
    width: 1px;
    background-color: var(--border-color);
    margin: 0 0.25rem;
}

.logo-container[b-8o0suzy908] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
}

.logo-icon[b-8o0suzy908] {
    width: 2rem;
    height: 2rem;
    background-color: #f97316;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.logo-container:hover .logo-icon[b-8o0suzy908] {
    transform: scale(1.05);
}

.logo-text[b-8o0suzy908] {
    transition: color 300ms;
}

.logo-container:hover .logo-text[b-8o0suzy908] {
    color: #f97316;
}

@media (max-width: 639px) {
    .logo-text[b-8o0suzy908] {
        display: none;
    }
}