﻿:root {
    --green: #7AB700;
    --green-dark: #006A4B;
    --text: #1F2937;
    --muted: #6B7280;
    --surface: #fff;
    --border: #79BE22;
}

.ui-widget-overlay {
    background: rgba(0,0,0,.45) !important;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.ui-dialog {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
    font-family: "Montserrat", sans-serif;
}

.ui-dialog-titlebar {
    background: transparent !important;
    border: 0 !important;
    padding: 18px 22px 4px !important;
}

    .ui-dialog-titlebar .ui-dialog-title,
    .ui-dialog-title {
        color: var(--green-dark) !important;
        font-weight: 800 !important;
        letter-spacing: .2px !important;
        font-size: 16px !important;
        margin: 0 !important;
        font-size:150% !important;
    }

.ui-dialog-titlebar-close {
    display: none !important;
}

.ui-dialog-content {
    padding: 6px 22px 6px !important;
}

    .ui-dialog-content p {
        color: var(--text) !important;
        font-size: 15px !important;
        line-height: 1.65 !important;
        margin: 0 0 10px 0 !important;
    }

.ui-dialog-buttonpane {
    margin: 0 !important;
    padding: 6px 22px 20px !important;
    border-top: 0 !important;
}

.ui-dialog-buttonset {
    float: left !important;
}

.ui-dialog-buttonpane .ui-button,
.ui-dialog-buttonpane .ui-button:link,
.ui-dialog-buttonpane .ui-button:visited {
    all: unset;
    display: inline-block;
    cursor: pointer;
    background: var(--green) !important;
    color: #fff !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border: 1px solid var(--green) !important;
    text-shadow: none !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.04) !important;
    transition: transform .06s ease, box-shadow .12s ease, filter .12s ease !important;
}
    .ui-dialog-buttonpane .ui-button:hover{
        background:var(--green-dark)!important;
    }
    .ui-dialog-buttonpane .ui-button:hover {
        filter: brightness(.98) !important;
        box-shadow: 0 4px 14px rgba(121,190,34,.25) !important;
    }

    .ui-dialog-buttonpane .ui-button:active {
        transform: translateY(1px) !important;
    }

    .ui-dialog-buttonpane .ui-button:focus-visible {
        outline: 3px solid rgba(121,190,34,.35) !important;
        outline-offset: 2px !important;
    }

@media (max-width:640px) {
    .ui-dialog {
        border-radius: 12px !important;
    }

    .ui-dialog-titlebar {
        padding: 14px 16px 2px !important;
    }

    .ui-dialog-content {
        padding: 6px 16px 6px !important;
    }

    .ui-dialog-buttonpane {
        padding: 6px 16px 16px !important;
    }
}
