/* Due-date cells: pushed-deadline chip, on-time / late completion, and the push-history popover. */

.due-pushed {
    background: var(--warning-line);
    border-radius: 3px;
    padding: 2px 7px;
    cursor: pointer;
    white-space: nowrap;
    display: inline-block;
}

.due-pushed:hover {
    background: var(--warning-line);
}

.due-pushed .n {
    font-size: var(--fs-2xs);
    font-weight: 700;
    color: var(--warning-ink);
}

.comp-ontime {
    color: var(--success-ink);
    font-weight: 600;
}

.comp-late {
    color: var(--danger-ink);
    font-weight: 600;
}

.pushpop {
    position: absolute;
    z-index: 100;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 5px;
    box-shadow: 0 8px 24px rgba(9, 30, 66, .25);
    padding: 12px 14px;
    max-width: 340px;
    font-size: var(--fs-sm);
}

.pushpop h5 {
    margin: 0 0 6px;
    font-size: var(--fs-sm);
    color: var(--ink);
}

.pushpop .pline2 {
    padding: 4px 0;
    border-top: 1px solid var(--surface-3);
    color: var(--ink-3);
}

.pushpop .pline2 b {
    color: var(--ink);
}

.pushpop .total {
    margin-top: 6px;
    color: var(--danger-ink);
    font-weight: 700;
}