/* ai-expand-modal.component.scss */

ion-header {
    ion-toolbar {
        background-color: #f8f9fa;
        color: black;

        ion-title {
            font-size: 1.5rem;
        }

        ion-buttons ion-button {
            --color: red;
        }
    }
}

ion-content {
    padding: 20px;

    ion-textarea {
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ced4da;
    }

    ion-button {
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;

        &.primary {
            background-color: #007bff;
            --color: white;
        }

        &.secondary {
            background-color: #6c757d;
            --color: white;
        }

        &.success {
            background-color: #28a745;
            --color: white;
        }
    }

    .content-style {
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        margin-bottom: 20px;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ced4da;
    }
}