@import "@synerty/peek-plugin-base-js/src/styles/_variables";
@import "src/variables";

:host {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

nz-card {
    width: 100%;

    ::ng-deep .ant-card-head {
        min-height: auto;
        background: $brand;

        .ant-card-head-title {
            padding: $general_padding_1 0;
            color: $white;
        }
    }
}

.card-content {
    display: flex;
    flex-direction: column;
    gap: $general_padding_2;
}

.table-container {
    width: 100%;
    overflow: auto;
}

.section-title {
    color: $font_colour_information;
    font-weight: $bold;
    margin: $general_padding_2 0 $general_padding_1;
    padding-bottom: $general_padding_1;
    border-bottom: 1px solid $border-color;
}

.table-footer {
    display: flex;
    justify-content: flex-end;
    padding-top: $general_padding_2;
    gap: $general_padding_2;
}
