/* TaskResize (js/modules/task-resize.js): a task that overlaps a meeting or
   another task keeps its length and says so — amber, the brand's warning. */

.resize-duration-preview.overlap {
    background: var(--color-amber-fill);
    color: var(--color-on-amber);
}

.calendar-event.overlap-warn .event-card.is-task,
.week-timeline-task.overlap-warn {
    box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.7);
}

.overlap-tag {
    position: absolute;
    left: 8px;
    bottom: 6px;
    max-width: calc(100% - 16px);
    padding: 1px 7px;
    border-radius: var(--radius-full);
    background: rgba(245, 158, 11, 0.16);
    color: var(--color-amber-text);
    font-size: var(--font-size-xs);
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.overlap-tag::before {
    content: '⚠ ';
}

[data-theme="dark"] .overlap-tag {
    color: var(--color-amber-text);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .overlap-tag {
        color: var(--color-amber-text);
    }
}