/* Shared styles across the plugin */
:root {
    --primary: #E6007E;
    --primary-dark: #db2777;
    --purple: #6b21a8;
    --dark: #1e1b4b;
    --gray: #64748b;
    --light: #f8fafc;
    --border: #e2e8f0;
}

/* Reset some basic elements */
.praise-dashboard,
.praise-form-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Common status messages */
.form-status {
    padding: 12px 16px;
    border-radius: 8px;
    margin-top: 16px;
}

.form-status.success {
    background: #dcfce7;
    color: #166534;
}

.form-status.error {
    background: #fee2e2;
    color: #991b1b;
}

/* Utility classes */
.no-data {
    color: var(--gray);
    text-align: center;
    padding: 20px;
    background: var(--light);
    border-radius: 8px;
}

/* Points badge shared style */
.points-badge {
    position: absolute;
    bottom: -5px;
    right: -5px;
    background: var(--primary);
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
}