html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Classic brutalist pastel green background */
body {
    background-color: #C8F5E0;
}

#app {
    min-height: 100vh;
    width: 100%;
}

h2 {
    font-size: 1.5rem;
    margin: 1rem 0;
}

p {
    font-size: 1rem;
    line-height: 1.6;
}

a {
    font-size: 1rem;
}

label {
    font-size: 1rem;
}

input {
    font-size: 1rem;
}

button {
    font-size: 1rem;
}

/* Hover effects for profile menu */
.profile-menu-item:hover {
    background-color: #f8f9fa;
}

/* Hover effects for language menu */
.language-menu-item:hover {
    background-color: #f8f9fa !important;
}

/* Hover effects for ranking table rows */
.ranking-table tbody tr:hover {
    background-color: #f0f0f0;
}

/* Disable hover effect on profile table rows to allow button clicks */
.profile-certificates-table tbody tr:hover {
    background-color: transparent !important;
}

.profile-certificates-table tbody tr:hover::after,
.profile-certificates-table tbody tr:hover::before {
    display: none !important;
}

/* Ensure action column and buttons are clickable */
.profile-certificates-table tbody tr td:last-child {
    position: relative;
    z-index: 10;
}

.profile-certificates-table tbody tr td:last-child button {
    position: relative;
    z-index: 100 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

.profile-certificates-table tbody tr td:last-child * {
    pointer-events: auto !important;
}

/* Override any global tr hover that might interfere */
.profile-certificates-table tr:hover td {
    background-color: inherit !important;
    pointer-events: auto !important;
}