/* Suggested Notes Layout Fix */

/* Give more space to the header to prevent title wrapping */
[data-section="suggested-actions"] .clean-tile.note .tile-header {
    flex-wrap: nowrap;
    gap: 0.75rem; /* More space between elements */
}

[data-section="suggested-actions"] .clean-tile.note .tile-type {
    white-space: nowrap;
    flex-shrink: 0;
}

/* Move action buttons to top right corner */
[data-section="suggested-actions"] .clean-tile.note {
    position: relative;
}

[data-section="suggested-actions"] .clean-tile.note .tile-actions {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    gap: 0.25rem;
    z-index: 10;
}

/* Remove actions from metadata line since they're now positioned absolutely */
[data-section="suggested-actions"] .clean-tile.note .tile-metadata .tile-actions {
    display: none;
}

/* Move timer to bottom right */
[data-section="suggested-actions"] .clean-tile.note .tile-timer {
    position: absolute;
    bottom: 0.5rem;
    right: 0.5rem;
    z-index: 10;
}

/* Remove timer from header since it's now positioned absolutely */
[data-section="suggested-actions"] .clean-tile.note .tile-header .tile-timer {
    display: none;
}

/* Adjust content padding to account for absolute positioned elements */
[data-section="suggested-actions"] .clean-tile.note {
    padding-right: 3rem; /* Make room for buttons */
    padding-bottom: 2rem; /* Make room for timer */
}

/* Make the header take more space */
[data-section="suggested-actions"] .clean-tile.note .tile-header {
    margin-right: 5rem; /* Space for action buttons */
}

/* Ensure metadata doesn't interfere with timer */
[data-section="suggested-actions"] .clean-tile.note .tile-metadata {
    margin-bottom: 0.5rem;
    padding-right: 3rem; /* Space for timer */
}