/* /css/quick_tools/notes_tool.css */
/* Quick Tools: Personal Notes Component Styles */

.quick-note-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
    border-radius: 14px;
    border-width: 1px;
    border-style: solid;
}

.quick-note-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.quick-note-card.note-is-done {
    opacity: 0.65;
}

.quick-note-card.note-is-done .quick-note-text {
    text-decoration: line-through;
}

.color-picker-dot {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform 0.15s ease, border-color 0.15s ease;
}

.color-picker-dot:hover {
    transform: scale(1.2);
}

.color-picker-dot.active {
    border-color: #ffffff;
    box-shadow: 0 0 0 2px var(--apple-accent-color);
    transform: scale(1.15);
}