/********************************************************************************
 * Eclipse Tractus-X - Industry Core Hub Frontend
 *
 * Copyright (c) 2025 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Apache License, Version 2.0 which is available at
 * https://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
 * either express or implied. See the
 * License for the specific language govern in permissions and limitations
 * under the License.
 *
 * SPDX-License-Identifier: Apache-2.0
********************************************************************************/

@use "../config/variables" as *;
@use '../config/mixins';

.custom-dialog .MuiPaper-root {
    @include mixins.rounded-bordered;
    @include mixins.space-shadow($brand-blue);

    .MuiDialogTitle-root, .MuiDialogContent-root, .MuiDialogActions-root {
        background: $brand-dark !important;
        color: $brand-text !important;
    }

    .MuiDialogContent-root {
        border-color: $brand-text!important;
        pre{
            background: linear-gradient(
                0deg,
                rgba(200, 200, 200, 0.2) 0%,
                rgba(236, 236, 236, 0.4) 100%
            ) !important;
            color: $brand-text !important;
            border-radius: 0px!important;
        }
        .copy-button{
            color: $brand-shadow !important;

            &:hover {
                background: $blue-gradient-bg!important;
                border-color: $brand-text!important;
                color: $brand-text !important;
            }
        }
        .MuiTextField-root {
            @include mixins.rounded-bordered;
            @include mixins.space-shadow($brand-blue);
        }
        .MuiInputLabel-shrink{
            font-weight: bold;
            font-size: 18px;
            color: $brand-text!important;
            background: $brand-dark-gray!important;
            border-radius: 5px;
            padding: 0 10px;
        }
    }
    .MuiDialogActions-root {
        padding: 20px 0;
    }
    .close-button{
        border-radius: 8px!important;
        border-color: $brand-light-blue!important;
        color: $brand-text !important;
    
        &:hover {
            background: $blue-gradient-bg!important;
            border-color: $brand-text!important;
        }
    }
    .action-button{
        background-color: $brand-text!important;
        border-radius: 8px!important;
        border-color: $brand-light-blue!important;
        color: $brand-primary !important;
        border: 1px solid $brand-text!important;
    
        &:hover {
            background: $brand-light-blue!important;
            border-color: $brand-text!important;
            color: $brand-text !important;
        }
    }
    .add-material-button{
        background-color: $brand-header-blue!important;
        color: white !important;
    
        &:hover {
            background: $header-gradient-bg!important;
            border: 2px solid $brand-text!important;
        }
    }
}