/* Suggested Notes - Yellow Theme Matching Pinned Notes */

/* Override purple theme with yellow theme */
[data-section="suggested-actions"] .clean-tile.note {
    background-color: rgba(217, 119, 6, 0.05) !important;
    border-left: 3px solid rgba(251, 191, 36, 0.4) !important;
}

[data-section="suggested-actions"] .clean-tile.note:hover {
    background-color: rgba(217, 119, 6, 0.08) !important;
    border-left-color: rgba(251, 191, 36, 0.5) !important;
}

/* Update header to use yellow theme */
[data-section="suggested-actions"] .clean-tile.note .tile-header {
    background-color: rgba(217, 119, 6, 0.08) !important;
    border-bottom: 1px solid rgba(251, 191, 36, 0.2) !important;
}

/* Update icon to yellow */
[data-section="suggested-actions"] .clean-tile.note .tile-icon i {
    color: #fbbf24 !important; /* Yellow matching pinned notes */
}

/* Update type label to yellow */
[data-section="suggested-actions"] .clean-tile.note .tile-type {
    color: #fbbf24 !important;
}

/* Update status badge to yellow theme */
[data-section="suggested-actions"] .clean-tile.note .tile-status {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: white !important;
    border: none !important;
}

/* Update suggested note content background */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-content,
[data-section="suggested-actions"] .clean-tile.note .suggested-note-quote {
    background: rgba(217, 119, 6, 0.05) !important;
    border-left: 2px solid #fbbf24 !important;
    padding: 0.25rem 0.375rem !important;
    border-radius: 0.125rem !important;
    font-style: italic !important;
}

[data-section="suggested-actions"] .clean-tile.note .suggested-note-text {
    background: rgba(217, 119, 6, 0.03) !important;
}

/* Source icon styling to match pinned notes */
.suggested-note-source-info {
    display: flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    margin-left: 0.75rem !important;
    margin-top: -0.25rem !important;
    font-size: 0.65rem !important;
    color: #9ca3af !important;
    flex-shrink: 0;
}

.suggested-note-source-icon {
    font-size: 0.75rem;
    opacity: 0.8;
    display: inline-block !important;
    line-height: 1;
}

/* Source icon colors */
.suggested-note-source-icon.transcript { color: #3b82f6; }
.suggested-note-source-icon.map { color: #ef4444; }
.suggested-note-source-icon.entities { color: #a855f7; }
.suggested-note-source-icon.chat { color: #10b981; }
.suggested-note-source-icon.files { color: #f59e0b; }

/* Timestamp styling */
.suggested-note-timestamp {
    font-size: 0.7rem;
    color: #9ca3af;
    display: inline-block !important;
    line-height: 1;
    white-space: nowrap;
}

/* HR divider - yellow theme */
[data-section="suggested-actions"] .suggested-note-divider {
    border-top-color: rgba(251, 191, 36, 0.2) !important;
}