/* Suggested Notes - Left Column for Source Info */

/* Override inline source layout to use left column */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-source-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.5rem !important;
    width: 100% !important;
}

/* Source info (icon + timestamp) in left column */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-source-info {
    flex: 0 0 auto !important;
    order: -1 !important; /* Move to left */
    display: flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.65rem !important;
    color: #9ca3af !important;
    min-width: 3.5rem !important; /* Fixed width for column */
}

/* Quote text takes remaining space */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-quote {
    flex: 1 1 auto !important;
    margin: 0 !important;
    /* Keep the original quote styling */
    padding: 0.25rem 0.375rem !important;
    background: rgba(139, 92, 246, 0.1) !important;
    border-left: 2px solid #8b5cf6 !important;
    border-radius: 0.125rem !important;
    font-style: italic !important;
    order: 0 !important;
}

/* Ensure icon stays small */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-source-icon {
    font-size: 0.7rem !important;
    line-height: 1 !important;
}

/* Timestamp styling */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-timestamp {
    font-size: 0.65rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Ensure proper alignment */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-source-row {
    position: relative !important;
}

/* Override any previous positioning */
[data-section="suggested-actions"] .clean-tile.note .suggested-note-source-info {
    position: relative !important;
}