/* This file contains modal styles for the application */
.cg-modal-header {
    background-color: var(--color-primary);
    color: var(--color-white);

    border-top-left-radius: var(--border-radius-2xl);
    border-top-right-radius: var(--border-radius-2xl);
}

.cg-modal-content {
    border-radius: var(--border-radius-2xl);
    box-shadow: var(--shadow-lg);
}

.cg-modal-title {
    color: var(--color-brand-green-2-25);
    /* display-sm-medium */
    font-family: var(--font-display);
    font-size: var(--display-sm-medium-size);
    line-height: var(--display-sm-medium-line);
    font-weight: 500;
}

.cg-modal-subtitle {
    color: var(--color-black);
    /* display-xs-medium */
    font-family: var(--font-display);
    font-size: var(--display-xs-medium-size);
    line-height: var(--display-xs-medium-line);
    font-weight: 500;
}

.cg-modal-body {
    background-color: var(--modal-bg-default);
    border-bottom-left-radius: var(--border-radius-2xl);
    border-bottom-right-radius: var(--border-radius-2xl);
    gap: var(--spacing-2);
    display: flex;
    width: 100%;
}

/* Popover */
.cg-popover {
    position: fixed;
    z-index: 9999;
    min-width: 220px;
    background-color: var(--modal-bg-default);
    border: 1px solid var(--color-gray-200);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--spacing-3) var(--spacing-3_5);
}

.cg-popover-close-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}