/* Custom tooltip styles - remove shadows and visual effects */
.ant-tooltip {
    box-shadow: none !important;
    filter: none !important;
}

.ant-tooltip-inner {
    box-shadow: none !important;
    filter: none !important;
    border: none !important;
    color: #00724C !important;
}

.ant-tooltip-arrow {
    display: none !important;
}

.feedback-button {
    transition: all 0.3s ease;
    box-shadow: 0 0 0 5px rgba(0, 114, 76, 0.8), 0 0 0 10px rgba(0, 114, 76, 0.4);
    background-color: #003D29;
    border: none;
}

.feedback-button:hover,
.feedback-button:focus {
    box-shadow: 0 0 0 10px rgba(0, 114, 76, 0.4);
    background-color: white;
    transform: scale(1.05);
}

.feedback-button:hover img,
.feedback-button:focus img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(89%) saturate(1583%) hue-rotate(140deg) brightness(97%) contrast(101%);
}

.feedback-button:active {
    box-shadow: 0 0 0 10px rgba(0, 114, 76, 0.4);
    background-color: white;
    transform: scale(1.05);
}


/* Modal header title center alignment */
.ant-modal-header .ant-modal-title {
    text-align: center !important;
    width: 100%;
}
.feedback-button:active img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(89%) saturate(1583%) hue-rotate(140deg) brightness(97%) contrast(101%);
}

.gray-header {
    background-color: #e9e9e9 !important;
}