@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.haven-provider-button[b-alx1bbfmcz] {
    display: flex;
    flex-direction: column; /* Stack icon above text */
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    text-align: center; /* Ensure text is centered */
    padding: 12px; /* Add some spacing */
    height: 100px;
    border-radius: 25px;
}

    .haven-provider-button > i[b-alx1bbfmcz] {
        font-size: 32px; /* Make icon big */
        margin-bottom: 4px; /* Space between icon and text */
    }
/* /Components/DataProduct/Component/ActivityPane.razor.rz.scp.css */
.product-conversation-wrapper[b-i68qkc0hnc] {
    margin-top: 56px;
    width: 300px;
    min-height: 350px;
    display: flex;
    padding: 12px 16px 16px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 12px;
    border: var(--border-width-border-xs, 1px) solid rgba(255, 255, 255, 0.16);
    background: var(--Color-Surface, #1A0E2C);
    box-shadow: 0 16px 24px 0 rgba(255, 255, 255, 0.04) inset;
}

    .product-conversation-wrapper .product-conversation-header[b-i68qkc0hnc] {
        display: flex;
        align-items: flex-start;
        align-self: stretch;
    }

        .product-conversation-wrapper .product-conversation-header .product-conversation-titlebox[b-i68qkc0hnc] {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            flex: 1 0 0;
        }

            .product-conversation-wrapper .product-conversation-header .product-conversation-titlebox .product-conversation-title[b-i68qkc0hnc] {
                align-self: stretch;
                color: var(--Color-Foreground, #FFF);
                /* Body/Medium/Base */
                font-size: var(--Font-Size-Body-base, 16px);
                font-style: normal;
                font-weight: 500;
                line-height: var(--Line-Height-Body-base, 24px); /* 150% */
                letter-spacing: 0.32px;
            }

            .product-conversation-wrapper .product-conversation-header .product-conversation-titlebox .product-conversation-subtitle[b-i68qkc0hnc] {
                align-self: stretch;
                color: var(--Color-Foreground-60, rgba(255, 255, 255, 0.60));
                /* Body/Medium/Small */
                font-size: var(--Font-Size-Body-small, 14px);
                font-style: normal;
                font-weight: 500;
                line-height: var(--Line-Height-Body-small, 21px); /* 150% */
                letter-spacing: 0.28px;
                gap: 5px;
                display: flex;
            }

            .product-conversation-wrapper .product-conversation-header > i[b-i68qkc0hnc] {
                width: 16px;
                height: 16px;
                aspect-ratio: 1/1;
                cursor: pointer;
            }

.product-conversation-interaction[b-i68qkc0hnc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -4px;
    align-self: stretch;
}

    .product-conversation-interaction .product-conversation-interaction-header[b-i68qkc0hnc] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .product-conversation-interaction .product-conversation-interaction-header .product-conversation-interaction-user[b-i68qkc0hnc] {
            color: var(--Color-Foreground, #FFF);
            /* Body/SemiBold/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 600;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .product-conversation-interaction .product-conversation-interaction-header .product-conversation-interaction-timestamp[b-i68qkc0hnc] {
            color: var(--Color-color-neutral-700, #B8ABCA);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

    .product-conversation-interaction .product-conversation-interaction-message[b-i68qkc0hnc] {
        color: var(--Color-color-neutral-700, #B8ABCA);
        /* Body/Regular/Small */
        font-size: var(--Font-Size-Body-small, 14px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Body-small, 21px); /* 150% */
        letter-spacing: 0.28px;
    }


.product-conversation-change[b-i68qkc0hnc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: -4px;
    align-self: stretch;
}

    .product-conversation-change .product-conversation-change-header[b-i68qkc0hnc] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .product-conversation-change .product-conversation-change-header > svg[b-i68qkc0hnc] {
            width: 16px;
            height: 16px;
            aspect-ratio: 1/1;
        }

        .product-conversation-change .product-conversation-change-header .product-conversation-change-user[b-i68qkc0hnc] {
            color: var(--Color-Foreground, #FFF);
            /* Body/SemiBold/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 600;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .product-conversation-change .product-conversation-change-header .product-conversation-change-timestamp[b-i68qkc0hnc] {
            color: var(--Color-color-neutral-700, #B8ABCA);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

    .product-conversation-change .product-conversation-change-from[b-i68qkc0hnc] {
        color: var(--Color-color-neutral-500, #8A78A1);
        /* Body/Regular/X-Small */
        font-size: var(--Font-Size-Body-x-small, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
        letter-spacing: 0.24px;
    }

    .product-conversation-change .product-conversation-change-to[b-i68qkc0hnc] {
        display: flex;
        align-items: flex-start;
        gap: 4px;
        align-self: stretch;
    }

        .product-conversation-change .product-conversation-change-to > i[b-i68qkc0hnc] {
            color: var(--Color-color-neutral-700);
            width: 16px;
            height: 16px;
            aspect-ratio: 1/1;
        }

        .product-conversation-change .product-conversation-change-to > span[b-i68qkc0hnc] {
            color: var(--Color-Foreground, #FFF);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

.product-conversation-wrapper .form-floating[b-i68qkc0hnc] {
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 0px !important;
    margin-top: auto; /* pushes it to the bottom */
    position: sticky;
    bottom: 0;
}

[b-i68qkc0hnc] .product-conversation-wrapper .form-floating > input {
    height: 40px !important;
}
/* /Components/DataProduct/Component/MultiSelectDropdownComponent.razor.rz.scp.css */
.custom-haven-dropdown[b-6s25tsm8ie] {
    position: absolute;
    width: 90%;
    z-index: 1000;
    top: 140px;
    background-color: transparent;
}

.arrow-up[b-6s25tsm8ie] {
    height: 13px; /* move the triangle above the div */
    padding-left: 20px; /* adjust horizontally as needed */
    font-size: 15px;
    z-index: 1001;
    color: white;
}

.custom-haven-dropdown-content[b-6s25tsm8ie] {
    background-color: white;
    z-index: 1002;
}

    .custom-haven-dropdown-content .customer-haven-dropdown-list[b-6s25tsm8ie] {
        max-height: calc(100vh / 2);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .custom-haven-dropdown-content .customer-haven-dropdown-list .customer-haven-dropdown-list-item[b-6s25tsm8ie] {
        color: black;
    }

        .custom-haven-dropdown-content .customer-haven-dropdown-list .customer-haven-dropdown-list-item.base[b-6s25tsm8ie] {
            background-color: white;
        }

            .custom-haven-dropdown-content .customer-haven-dropdown-list .customer-haven-dropdown-list-item.base.selected[b-6s25tsm8ie] {
                background-color: lightgreen;
            }

        .custom-haven-dropdown-content .customer-haven-dropdown-list .customer-haven-dropdown-list-item.excluded[b-6s25tsm8ie] {
            background-color: grey;
        }

            .custom-haven-dropdown-content .customer-haven-dropdown-list .customer-haven-dropdown-list-item.excluded.selected[b-6s25tsm8ie] {
                background-color: darkgreen;
            }

        [b-6s25tsm8ie] .highlight {
            color: red;
        }
/* /Components/DataProduct/ElementKnowledge.razor.rz.scp.css */
.element-metadata-block[b-b6fuwi94yd] {
    display: flex;
    align-items: flex-start;
    gap: -23px;
    align-self: stretch;
    text-wrap: wrap;
    padding: 6px;
}

    .element-metadata-block.selected[b-b6fuwi94yd] {
        box-shadow: 0 0 8px 0 var(--Color-color-teal-800, #7BE1C7), 0 16px 24px 0 var(--Color-Foreground-5, rgba(255, 255, 255, 0.05)) inset;
        border-radius: 8px;
    }

    .element-metadata-block .element-metadata-keyvaluepair[b-b6fuwi94yd] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1 0 0;
    }

        .element-metadata-block .element-metadata-keyvaluepair .element-metadata-key[b-b6fuwi94yd] {
            color: var(--Color-color-neutral-700, #B8ABCA);
            /* Body/Regular/X-Small */
            font-family: var(--Base-Family-Body, Archivo);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .element-metadata-block .element-metadata-keyvaluepair .element-metadata-value[b-b6fuwi94yd] {
            color: var(--Color-Foreground, #FFF);
            /* Body/Regular/X-Small */
            font-family: var(--Base-Family-Body, Archivo);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

    .element-metadata-block .element-metadata-convo[b-b6fuwi94yd] {
        display: flex;
        align-items: flex-start;
        gap: -23px;
        align-self: stretch;
    }

        .element-metadata-block .element-metadata-convo .element-metadata-icon[b-b6fuwi94yd] {
            width: 12px;
            height: 12px;
            aspect-ratio: 1/1;
            line-height: 18px;
            margin-top: 2px;
        }
/* /Components/DataProduct/Lineage/CustomLineageComponent.razor.rz.scp.css */
.haven-lineage-item[b-4qj95r9xpu] {
    display: flex;
    height: 100%;
    padding: 12px;
    align-items: stretch;
    min-width: 250px;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid var(--Color-Foreground-20, rgba(255, 255, 255, 0.20));
    background: var(--Color-Foreground-5, rgba(255, 255, 255, 0.05));
    box-shadow: 0 16px 24px 0 var(--Color-Foreground-5, rgba(255, 255, 255, 0.05)) inset;
}

    .haven-lineage-item .haven-lineage-item-icon[b-4qj95r9xpu] {
        width: 20px;
        height: 20px;
        aspect-ratio: 1/1;
    }

    .haven-lineage-item .haven-lineage-item-keyvaluepair[b-4qj95r9xpu] {
        display: flex;
        min-width: 175px;
        flex-direction: column;
        align-items: flex-start;
    }

        .haven-lineage-item .haven-lineage-item-keyvaluepair .haven-lineage-item-key[b-4qj95r9xpu] {
            align-self: stretch;
            color: var(--Color-Foreground, #FFF);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .haven-lineage-item .haven-lineage-item-keyvaluepair .haven-lineage-item-value[b-4qj95r9xpu] {
            align-self: stretch;
            color: var(--Color-neutral-700, #B8ABCA);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .haven-lineage-item .haven-lineage-item-keyvaluepair .haven-lineage-item-morevalue[b-4qj95r9xpu] {
            border-top: 2px solid var(--Color-Foreground-5, rgba(255, 255, 255, 0.05));
            margin-top: 6px;
            padding-top: 6px;
            align-self: stretch;
            color: var(--Color-neutral-700, #B8ABCA);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
            /* New properties for wrapping and max width */
            max-width: 175px; /* change to desired max width */
            white-space: normal; /* allows text to wrap */
            word-wrap: break-word; /* ensures long words break if needed */
            overflow-wrap: break-word; /* modern property for long words */
        }

        .haven-lineage-item .haven-lineage-item-keyvaluepair .haven-lineage-item-here[b-4qj95r9xpu] {
            color: var(--Color-color-teal-800, #7BE1C7);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
            display: flex;
            align-items: flex-start;
            gap: 4px;
            align-self: stretch;
            height: 18px;
        }

    [b-4qj95r9xpu] .diagram-port {
        position: absolute;
        width: 1px;
        height: 1px;
    }

        [b-4qj95r9xpu] .diagram-port.left {
            left: -2px;
            top: 30px;
        }

        [b-4qj95r9xpu] .diagram-port.right {
            right: -2px;
            top: 30px;
        }

.haven-lineage-item .haven-lineage-item-extras[b-4qj95r9xpu] {
    display: flex;
    gap: 10px;
    width: 15px;
    flex-direction: column; /* Stack icons vertically */
}

    .haven-lineage-item .haven-lineage-item-extras i[b-4qj95r9xpu] {
        font-size: 12px;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center; /* center horizontally */
        color: var(--Color-Foreground-50, rgba(255, 255, 255, 0.50));
        cursor: pointer;
    }

        .haven-lineage-item .haven-lineage-item-extras i.highlighted[b-4qj95r9xpu] {
            color: var(--Color-color-teal-800, #7BE1C7);
        }

.haven-lineage-item .haven-lineage-item-outgoingfilter[b-4qj95r9xpu] {
    position: absolute;
    right: -15px;
}

    .haven-lineage-item .haven-lineage-item-outgoingfilter i[b-4qj95r9xpu] {
        font-size: 10px;
        aspect-ratio: 1/1;
        display: flex;
        justify-content: center; /* center horizontally */
        color: var(--Color-Foreground-50, rgba(255, 255, 255, 0.50));
        cursor: pointer;
    }
/* /Components/DataProduct/Product.razor.rz.scp.css */
.haven-header-row.haven-product-header-row[b-hnd4k66f5p] {
    padding: 32px 64px 0 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.haven-content-row.haven-product-content-row[b-hnd4k66f5p] {
    padding-top: 0;
}

.haven-header-box[b-hnd4k66f5p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    width: 100%; /* Ensure full width */
}

.heaven-header-side-elements[b-hnd4k66f5p] {
    display: flex;
    align-items: center;
    gap: 8px;
}

[b-hnd4k66f5p] .heaven-header-side-elements > button, [b-hnd4k66f5p] .heaven-header-side-elements .dropdown > button {
    border: none;
    background: none;
    box-shadow: none;
    color: var(--Color-Foreground);
    font-size: var(--Font-Size-Label-small, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Line-Height-Label-small, 16px);
}

    [b-hnd4k66f5p] .heaven-header-side-elements .dropdown > button::after {
        display: none;
    }

    [b-hnd4k66f5p] .heaven-header-side-elements > button > i {
        height: 16px;
        width: 16px;
        padding-right: 6px;
    }


.haven-header-main[b-hnd4k66f5p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    flex: 1;
}

.haven-header-button-bar[b-hnd4k66f5p] {
    display: flex;
    height: 40px;
    border-bottom: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
}

[b-hnd4k66f5p] .haven-header-button-bar .btn {
    color: var(--Color-color-neutral-700);
    min-height: 40px;
    padding: 12px 32px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}

    [b-hnd4k66f5p] .haven-header-button-bar .btn.button-bar-active {
        color: var(--Color-color-teal-900);
        border-bottom: 2px solid var(--Color-color-teal-900, #C0F9E0);
    }
/* /Components/DataProduct/ProductActivity.razor.rz.scp.css */
.product-engineering-wrapper[b-ylhtu51dqd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    padding-top: 32px;
}
/* /Components/DataProduct/ProductEngineering.razor.rz.scp.css */
.product-engineering-wrapper[b-4hf3phjy6k] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-self: stretch;
    padding-top: 32px;
}
/* /Components/DataProduct/ProductKnowledge.razor.rz.scp.css */
.product-knowledge-wrapper[b-hkqk9onb53] {
    padding-top: 32px;
    display: flex;
    align-items: flex-start;
    gap: 48px;
    align-self: stretch;
}

.product-metadata-wrapper[b-hkqk9onb53] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    flex: 1 0 0;
}

    .product-metadata-wrapper .product-metadata[b-hkqk9onb53] {
        display: flex;
        width: 100%;
        width: calc(100% - 348px);
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

        .product-metadata-wrapper .product-metadata.collapsed[b-hkqk9onb53] {
            width: 100%;
        }

        .product-metadata-wrapper .product-metadata .product-metadata-row[b-hkqk9onb53] {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: stretch;
            gap: 12px;
            width: 100%;
        }

        .product-metadata-wrapper .product-metadata .product-metadata-block[b-hkqk9onb53] {
            flex: 1 1 30%;
            display: flex;
            padding: 24px;
            align-items: flex-start;
            align-self: stretch;
            border-radius: 12px;
            border: 1px solid var(--Color-Foreground-20, rgba(255, 255, 255, 0.20));
            background: var(--Color-Foreground-5, rgba(255, 255, 255, 0.05));
            box-shadow: 0 16px 24px 0 var(--Color-Foreground-5, rgba(255, 255, 255, 0.05)) inset;
            cursor: pointer;
        }

        .product-metadata-row:has(> .product-metadata-block:only-child)
        .product-metadata-block[b-hkqk9onb53] {
            flex-basis: 100%;
        }

        .product-metadata-row:has(> .product-metadata-block:nth-last-child(2):first-child)
        .product-metadata-block[b-hkqk9onb53] {
            flex-basis: 45%;
        }

.product-metadata-wrapper .product-metadata .product-metadata-block.selected[b-hkqk9onb53] {
    box-shadow: 0 0 8px 0 var(--Color-color-teal-800, #7BE1C7), 0 16px 24px 0 var(--Color-Foreground-5, rgba(255, 255, 255, 0.05)) inset;
}

.product-metadata-block .product-metadata-keyvaluepair[b-hkqk9onb53] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    width: 100%;
}

        .product-metadata-block .product-metadata-keyvaluepair .product-metadata-key[b-hkqk9onb53] {
            color: var(--Color-color-neutral-700, #B8ABCA);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

        .product-metadata-block .product-metadata-keyvaluepair .product-metadata-value[b-hkqk9onb53] {
            color: var(--Color-Foreground, #FFF);
            /* Body/Regular/X-Small */
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
        }

.product-metadata-block .product-metadata-convo[b-hkqk9onb53] {
    display: flex;
    align-items: flex-start;
    gap: -23px;
    align-self: stretch;
}

    .product-metadata-block .product-metadata-convo .product-metadata-icon[b-hkqk9onb53] {
        color: var(--Color-color-teal-800, #7BE1C7);
        /* Body/Regular/X-Small */
        font-family: var(--Base-Family-Body, Archivo);
        font-size: var(--Font-Size-Body-x-small, 12px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
        letter-spacing: 0.24px;
        padding-right: 4px;
    }

    .product-metadata-block .product-metadata-convo .product-metadata-icon[b-hkqk9onb53] {
        width: 12px;
        height: 12px;
        aspect-ratio: 1/1;
        line-height: 18px;
        margin-top: 2px;
    }

        .product-metadata-block .product-metadata .product-metadata-description[b-hkqk9onb53] {

        }

.product-lineage-wrapper[b-hkqk9onb53] {
    width: 100%;
}

    .product-lineage-wrapper > h5[b-hkqk9onb53] {
        margin-bottom: 24px;
    }
/* /Components/DataProduct/ProductLineage.razor.rz.scp.css */
.haven-lineage-container[b-88ophosp9t] {
    height: 360px;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
    background: var(--Color-Surface20, rgba(26, 14, 44, 0.20));
}

[b-88ophosp9t] .diagram-link > path {
    stroke: var(--Color-Foreground30);
}
/* /Components/DataProduct/ProductViewer.razor.rz.scp.css */

/*Table*/
.haven-table-responsive[b-qq3ru1ecrz] {
    padding-top: 42px;
    width: 100%;
    position: static !important;
    overflow-y: visible !important;
}

.haven-floating-activity[b-qq3ru1ecrz] {
    position: fixed; /* floats above all content */
    top: 425px; /* initial position */
    right: 64px;
    z-index: 1000; /* ensure it's above everything */
    /*transition: top 0.2s ease-out;*/ /* smooth motion when adjusting */
}


[b-qq3ru1ecrz] .haven-table,
[b-qq3ru1ecrz] .haven-table > thead,
[b-qq3ru1ecrz] .haven-table > thead > tr,
[b-qq3ru1ecrz] .haven-table > thead > tr > th {
    /*overflow: visible;*/
}

    [b-qq3ru1ecrz] .haven-table > tbody:before {
        line-height: 24px;
        content: ".";
        color: transparent;
        display: block;
    }

    [b-qq3ru1ecrz] .haven-table > tbody > tr > td {
        border: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
        background: var(--Color-Foreground5, rgba(255, 255, 255, 0.05));
        position: relative;
        margin: 0px;
        color: var(--Color-color-neutral-700, #B8ABCA);
        /* Body/Regular/Base */
        font-size: var(--Font-Size-Body-base, 16px);
        font-style: normal;
        font-weight: 400;
        line-height: var(--Line-Height-Body-base, 24px); /* 150% */
        letter-spacing: 0.32px;
    }


    [b-qq3ru1ecrz] .haven-table tr:first-child td:first-child {
        border-radius: 12px 0 0 0;
    }

    [b-qq3ru1ecrz] .haven-table tr:last-child td:first-child {
        border-radius: 0 0 0 12px;
    }

    [b-qq3ru1ecrz] .haven-table tr:last-child td:last-child {
        border-radius: 0 0 12px 0;
    }

    [b-qq3ru1ecrz] .haven-table tr:first-child td:last-child {
        border-radius: 0 12px 0 0;
    }


[b-qq3ru1ecrz] .haven-table {
    --bb-table-sticky-background-color: transparant;
    color: var(--Color-color-neutral-700, #B8ABCA);
    border-collapse: separate;
    min-width: 100%;
    position: relative;
}

    [b-qq3ru1ecrz] .haven-table > thead {
        background: linear-gradient(90deg, #3F3C7A 0%, #2E2B62 100%);
        position: sticky !important;
        top: 110px;
        z-index: 5;
        box-shadow: 0px 12px 12px rgba(26, 14, 44, 0.4);
        border-radius: 12px;
    }

        [b-qq3ru1ecrz] .haven-table > thead > tr > th {
            background-color: var(--Color-Foreground10);
            border: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
            box-shadow: none;
            vertical-align: top;
            padding: 0;
            height: 144px;
        }

            [b-qq3ru1ecrz] .haven-table > thead > tr > th:has(.header-lineage-mode) {
                background-color: var(--Color-Surface);
            }

            [b-qq3ru1ecrz] .haven-table > thead > tr > th:first-child {
                border-radius: 12px 0 0 12px;
            }

            [b-qq3ru1ecrz] .haven-table > thead > tr > th:last-of-type {
                border-radius: 0 12px 12px 0;
            }

            [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover {
                background-color: var(--Color-Foreground20);
            }

                [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover:has(.header-lineage-mode) {
                    background-color: var(--Color-Surface);
                }

                [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover .col-title-text {
                    text-decoration: underline;
                    cursor: pointer;
                }

                [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover .hover-icon {
                    opacity: 1;
                }

                [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover .search-box {
                    opacity: 1;
                }

                [b-qq3ru1ecrz] .haven-table > thead > tr > th:hover .dropdown {
                    opacity: 1;
                }

        [b-qq3ru1ecrz] .haven-table > tbody > tr:hover > * {
            color: var(--Color-color-neutral-700, #B8ABCA);
        }

    [b-qq3ru1ecrz] .haven-table > thead > tr > th .header-custom {
        display: flex;
        height: 100%;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        flex: 1 0 0;
        align-self: stretch;
        color: var(--Color-Foreground);
        position: relative;
    }

    [b-qq3ru1ecrz] .haven-table > thead > tr > th .hover-icon {
        position: absolute;
        top: -43px;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        pointer-events: auto; /* allow clicking */
    }

    [b-qq3ru1ecrz] .haven-table > thead > tr > th .dropdown {
        position: absolute;
        top: -43px;
        left: 41px;
        z-index: 9999;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
        height: 40px;
        width: 40px;
        text-align: center;
        line-height: 40px;
        pointer-events: auto; /* allow clicking */
    }

        [b-qq3ru1ecrz] .haven-table > thead > tr > th .dropdown > button {
            background: none;
            box-shadow: none;
            border: none;
            padding: 0;
            height: 40px;
            width: 40px;
        }

            [b-qq3ru1ecrz] .haven-table > thead > tr > th .dropdown > button::after {
            display: none !important;
            }

        [b-qq3ru1ecrz] .pagination .page-item .page-link {
            color: var(--Color-color-teal-900, #C0F9E0);
            background-color: transparent;
            /* Body/Regular/Base */
            font-family: var(--Base-Family-Body, Archivo);
            font-size: var(--Font-Size-Body-base, 16px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-base, 24px); /* 150% */
            letter-spacing: 0.32px;
            border: 1px solid var(--Color-Foreground20, rgba(255, 255, 255, 0.20));
        }

        [b-qq3ru1ecrz] .pagination .page-item.active .page-link {
            color: var(--Color-Surface);
            background-color: var(--Color-color-teal-900, #C0F9E0);
            border: 1px solid var(--Color-color-teal-900, rgba(255, 255, 255, 0.20));
        }

        [b-qq3ru1ecrz] .pagination .page-item.disabled .page-link {
            color: var(--Color-Foreground40);
            background-color: var(--Color-Foreground10, #C0F9E0);
        }

        [b-qq3ru1ecrz] .bb-grid-pagination-text {
            display: none;
        }
        /*::deep .header-custom {
    display: flex;
    min-height: 40px;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
    align-self: stretch;
}
*/
        [b-qq3ru1ecrz] .col-title-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 2rem;
            width: 100%;
        }

        [b-qq3ru1ecrz] .col-title-text {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

            [b-qq3ru1ecrz] .col-title-text::selection {
                background-color: transparent;
                color: inherit;
            }
        /*::deep .col-missing-definition {
    background-color: red;
}
*/

        [b-qq3ru1ecrz] .col-title-description {
            color: var(--Color-color-neutral-700, #B8ABCA);
            font-size: var(--Font-Size-Body-x-small, 12px);
            font-style: normal;
            font-weight: 400;
            line-height: var(--Line-Height-Body-x-small, 18px); /* 150% */
            letter-spacing: 0.24px;
            display: -webkit-box;
            -webkit-line-clamp: 3; /* Number of lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
            width: 100%;
            white-space: normal;
        }

        [b-qq3ru1ecrz] .col-lineage-container {
            background-color: var(--Color-Surface);
            position: absolute;
            z-index: 3;
            top: 0px;
            left: 0px;
            width: 100%;
            display: flex;
            padding: 6px;
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            align-self: stretch;
            overflow-y: auto;
        }

            [b-qq3ru1ecrz] .col-lineage-container:hover {
                color: inherit !important;
            }

        [b-qq3ru1ecrz] .custom-scrollbar-container {
            position: absolute;
            left: 0px;
            top: 124px;
            width: 100%;
            height: 20px;
            padding: 0;
            border-radius: 0 0 8px 8px;
            background: linear-gradient(90deg, #3F3C7A 0%, #2E2B62 100%);
        }

        [b-qq3ru1ecrz] .custom-scrollbar-container-foreground {
            position: absolute;
            background: var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
            height: 100%;
            padding: 0;
            width: 100%;
            border: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
            border-radius: 0 0 8px 8px;
        }

        [b-qq3ru1ecrz] .custom-scrollbar {
            position: relative;
            height: 8px;
            border-radius: 8px;
            cursor: pointer;
            overflow: hidden;
            margin: 6px;
            z-index: 60; /* above table rows */
        }

            [b-qq3ru1ecrz] .custom-scrollbar .thumb {
                position: relative;
                height: 8px;
                border: 1px solid var(--Color-Foreground10, rgba(255, 255, 255, 0.10));
                background: var(--Color-color-neutral-800, #D2C7DE);
                border-radius: 8px;
                z-index: 65;
            }

/* /Components/Engineering/Pages/Manage/Repository.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* The whole layout container */
.layout[b-uap4tu5ue4] {
    display: flex;
    min-height: 100vh; /* allow page to grow beyond viewport */
}

/* ========== Header ========== */

.header[b-uap4tu5ue4] {
    background: conic-gradient(from 90deg at 0 100%, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
    min-height: 64px;
    display: flex;
    align-items: center;
    align-self: stretch;
    z-index: 100;
    top: 0;
    position: sticky;
    padding: 0 64px 0 24px;
    justify-content: flex-end;
}

.header .header-buttons[b-uap4tu5ue4] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--base, 16px);
    align-self: stretch;
}

    [b-uap4tu5ue4] .header .header-buttons .btn {
        border-radius: 40px;
        background: rgba(51, 0, 132, 0.10);
        width: 40px;
        height: 40px;
    }

/* ========== Sidebar ========== */
.sidebar[b-uap4tu5ue4] {
    color: white;
    width: 210px;
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-uap4tu5ue4] {
    height: 64px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    background: conic-gradient(from 90deg at 210px 100%, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
}

/* Collapsed state */
.sidebar.collapsed[b-uap4tu5ue4] {
    width: 64px;
}

    .sidebar.collapsed > .sidebar-header[b-uap4tu5ue4] {
        background: conic-gradient(from 90deg at 64px 100%, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
    }

.toggle-btn[b-uap4tu5ue4] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    text-align: center;
    width: 64px;
    height: 64px;
}

.menu[b-uap4tu5ue4] {
    padding: 16px 0 0 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    background: conic-gradient(from 90deg at 210px 0%, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
}

    .menu a[b-uap4tu5ue4] {
        color: white;
        text-decoration: none;
        padding: 12px 16px;
        display: flex;
        align-items: center;
        gap: 10px;
    }


.sidebar.collapsed .menu[b-uap4tu5ue4] {
    background: conic-gradient(from 90deg at 64px 0%, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
}

    .sidebar.collapsed .menu .menu-content[b-uap4tu5ue4] {
        display: none;
    }

    .sidebar.collapsed .menu a[b-uap4tu5ue4] {
        justify-content: center;
    }

nav .haven-nav-item[b-uap4tu5ue4] {
    padding: 8px 12px;
    align-items: center;
    align-self: stretch;
}

[b-uap4tu5ue4] nav .haven-nav-item .nav-link {
    font-size: var(--Font-Size-Body-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Body-small, 16px);
}

    [b-uap4tu5ue4] nav .haven-nav-item .nav-link.active {
        font-weight: 600;
    }

    [b-uap4tu5ue4] nav .haven-nav-item .nav-link .navbar-icon-fillout {
        height: 24px;
        width: 24px;
        padding-right: 10px;
    }

/* ========== Main Content Area ========== */
.main[b-uap4tu5ue4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: conic-gradient(from 90deg at 0 64px, var(--Color-Surface) 0deg, var(--Color-color-purple-400) 180deg, var(--Color-color-teal-900) 360deg);
}

/* Content area */
.content[b-uap4tu5ue4] {
    padding: 0;
    padding-left: 10px;
    flex: 1 0 auto;
}

/* Footer sits naturally below content */
.footer[b-uap4tu5ue4] {
    display: flex;
    padding: 32px 64px 64px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

[b-uap4tu5ue4] .footer > img {
    display: flex;
    width: 143px;
    height: 24px;
    align-items: center;
    aspect-ratio: 143/24;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-zfrwoubviv],
.components-reconnect-repeated-attempt-visible[b-zfrwoubviv],
.components-reconnect-failed-visible[b-zfrwoubviv],
.components-pause-visible[b-zfrwoubviv],
.components-resume-failed-visible[b-zfrwoubviv],
.components-rejoining-animation[b-zfrwoubviv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */

/*Card container*/
.haven-card-wrapper[b-4lmecjy7bi] {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
}

/*::deep .card {
    border-radius: 12px;
    border: 1px solid var(--Color-Foreground20, rgba(255, 255, 255, 0.20));
    background: var(--Color-Foreground5, rgba(255, 255, 255, 0.05));
    box-shadow: 0 16px 24px 0 var(--Color-Foreground5, rgba(255, 255, 255, 0.05)) inset;
    color: var(--Color-Foreground);
    cursor: pointer;
}

    ::deep .card:hover {
        background: var(--Color-Foreground10);
    }

::deep .card-body {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}*/

/*Card title row*/
/*.haven-card-header {
    display: flex;
    align-items: flex-start;
    gap: var(--4xs, 2px);
    align-self: stretch;
}

.haven-card-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

    .haven-card-title h4 {
        color: var(--Color-color-neutral-900, #EAE3F1);*/
        /* Headings/H4 */
        /*font-family: var(--font-body, Archivo);
        font-size: var(--Font-Size-Headings-h4, 24px);
        font-style: normal;
        font-weight: 600;
        line-height: var(--Line-Height-Headings-h4, 28.8px);*/ /* 120% */
    /*}*/

/*.haven-card-badges {
    display: flex;
    padding-top: 4px;
    align-items: flex-start;
    gap: 4px;
    flex-shrink: 0;*/ /* Prevent shrinking */
/*}*/

[b-4lmecjy7bi] .badge.haven-badge .btn-group.dropdown .btn.dropdown-toggle {
    background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    font-size: var(--Font-Size-Label-x-small, 12px);
    font-style: normal;
    font-weight: 300;
    line-height: var(--Line-Height-Label-x-small, 14px);
    height: 14px;
}

    [b-4lmecjy7bi] .badge.haven-badge .btn-group.dropdown .btn.dropdown-toggle::after {
        content: none !important;
        display: none !important;
    }

/*.haven-card-content {
    font-size: var(--Font-Size-Body-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Body-small, 21px);*/ /* 150% */
    /*letter-spacing: 0.28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;*/ /* Number of lines */
    /*-webkit-box-orient: vertical;
    overflow: hidden;
    height: 42px;
}*/

/*Footer*/
/*::deep .card-footer {
    display: flex;
    padding: 12px 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-top: 1px solid var(--Color-Foreground5, rgba(255, 255, 255, 0.05));
    background: var(--Color-Foreground5, rgba(255, 255, 255, 0.05));
    color: var(--Color-color-neutral-900, #EAE3F1);*/
    /* Body/Regular/X-Small */
    /*font-size: var(--Font-Size-Body-x-small, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Line-Height-Body-x-small, 18px);*/ /* 150% */
    /*letter-spacing: 0.24px;
}*/