@use "/src/scss/abstracts" as *;

.page-wrapper {
    padding: $spacing-600;

    ::ng-deep .page-header {
        margin-bottom: $spacing-400;

        svg {
            top: 2px;
            position: relative;
        }
    }

    .extra-info {
        margin-bottom: $spacing-300;
        display: flex;
        justify-items: flex-end;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .page-content {
        gap: $spacing-400;
        .rich-text-container {
            background-color: $blue-50;
            border: 1px solid $blue-200;
            border-radius: $spacing-200;
            padding: $spacing-200;
            display: flex;
            align-items: center;

            .info-icon {
                margin-right: $spacing-200;
                ::ng-deep svg path {
                    fill: $blue-700;
                }
            }
        }
    }

    .form-container {
        .card-footer {
            padding: $spacing-200;
            justify-items: end;
        }
    }
}

.admin-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: linear-gradient(180deg, #2e2e2e 0%, #131313 100%);
    width: 100%;
    height: 5.5rem;
    line-height: 5.5rem;
    padding-right: 1rem;
}
