/**
 * Activity Notes Styling
 *
 * Theme-safe styling for activity notes with category indicators
 * Uses Bootstrap CSS variables for theme compatibility
 */

/* Category visual indicators - left border */
.note-type-blocker {
    border-left: 4px solid var(--bs-danger) !important;
}

.note-type-solution {
    border-left: 4px solid var(--bs-success) !important;
}

.note-type-observation {
    border-left: 4px solid var(--bs-info) !important;
}

.note-type-question {
    border-left: 4px solid var(--bs-warning) !important;
}

.note-type-decision {
    border-left: 4px solid var(--bs-primary) !important;
}

.note-type-general {
    border-left: 4px solid var(--bs-secondary) !important;
}

/* Save status indicator */
#note-save-status {
    font-size: 0.875rem;
    margin-left: 8px;
    display: inline-block;
    min-width: 80px;
}

/* Inline edit save status (within note cards) */
[id^="edit-save-status-"] {
    font-size: 0.875rem;
    margin-left: 8px;
}

/* Quick add textarea container */
.quick-add-container {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
}

/* Category filter pills */
.category-filter-pill {
    cursor: pointer;
    transition: all 0.2s ease;
}

.category-filter-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.category-filter-pill.active {
    font-weight: 600;
}

/* Note card animations */
.note-card {
    transition: all 0.3s ease;
}

.note-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Fade-out animation for deleted notes */
.note-deleting {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}