@use "variables" as *;
@use "mixins" as *;

.wrapper {
    padding: 0 $spacing-4 0 $spacing-4;
    min-height: $dot-secondary-toolbar-main-height;
    background-color: $white;
    color: $black;
    font-size: $font-size-lg;
    border-bottom: 1px solid $color-palette-gray-300;

    a {
        color: $color-accessible-text-blue;
        font-weight: $font-weight-regular-bold;

        i {
            font-size: $md-icon-size-big;
        }
    }
}

::ng-deep {
    p-chip .p-chip {
        &.running {
            color: $color-accessible-text-green;
            background-color: $color-accessible-text-green-bg;
        }

        &.draft {
            color: $color-accessible-text-yellow;
            background-color: $color-accessible-text-yellow-bg;
        }

        &.scheduled {
            color: $color-accessible-text-purple;
            background-color: $color-accessible-text-purple-bg;
        }

        &.ended {
            color: $color-accessible-text-blue;
            background-color: $color-accessible-text-blue-bg;
        }

        &.archived {
            color: $color-accessible-text-gray;
            background-color: $color-accessible-text-gray-bg;
        }
    }
}
