/**
 * Styles for item timestamps
 */

.item-timestamp {
    display: inline-block;
    font-size: 0.75em;
    font-weight: normal;
    margin-left: 0.5em;
    padding: 0.15em 0.4em;
    border-radius: 3px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    white-space: nowrap;
}

.item-timestamp:hover {
    opacity: 1;
}

/* Timestamp for created items (unchecked) */
.item-timestamp.created {
    background-color: rgba(100, 150, 255, 0.15);
    color: #4a90e2;
    border: 1px solid rgba(100, 150, 255, 0.3);
}

/* Timestamp for completed items (checked) */
.item-timestamp.completed {
    background-color: rgba(100, 200, 100, 0.15);
    color: #5cb85c;
    border: 1px solid rgba(100, 200, 100, 0.3);
}

/* Adjust font size on mobile */
@media (max-width: 600px) {
    .item-timestamp {
        font-size: 0.7em;
        padding: 0.1em 0.3em;
        margin-left: 0.3em;
    }
}

/* Make sure timestamps don't wrap awkwardly */
li span {
    display: inline;
}