/* Display-Note-Styling.css */

.user-note {
    position: relative;
    margin-bottom: 10px;
    padding: 8px 36px 8px 10px;
    border-bottom: 1px solid #eee;
}

.note-content {
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.note-dots {
    position: absolute;
    top: 6px;
    right: 6px;
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #999;
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 1;
}
.note-dots:hover { background: #f0f0f0; color: #333; }

/* Floating dropdown — appended to body, πάντα πάνω από όλα */
#note-floating-menu {
    display: none;
    position: absolute;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    min-width: 150px;
    z-index: 99999;
    overflow: hidden;
}
#note-floating-menu a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-size: 0.9em;
}
#note-floating-menu a:hover { background: #f5f5f5; }
#note-floating-menu a:last-child { color: #c0392b; }
#note-floating-menu a:last-child:hover { background: #fde8e8; }

#notesListContainer {
    padding: 3px;
}

.note-date {
        display: block;
        width: 100%;
        text-align: right;
        font-size: 0.75rem;
        color: #888;
        margin-top: 8px;
        clear: both;
    }