/* Retours MOA du 08/09/2026 : filtres d’audit et suppression rapide. */
.audit-finding-filter {
    display: grid;
    gap: 4px;
    min-width: min(100%, 36rem);
}

.audit-finding-filter > label {
    color: var(--rh-muted);
    font-size: .72rem;
    font-weight: 700;
}

.audit-finding-filter > div {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rh-space-2);
}

.audit-finding-filter select {
    min-width: 0;
    flex: 1 1 13rem;
}

.planning-assignment-wrap {
    position: relative;
}

.planning-assignment-wrap + .planning-assignment-wrap {
    margin-top: 3px;
}

.planning-assignment-wrap .planning-assignment {
    padding-right: 20px;
}

.planning-assignment-delete {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 3;
    margin: 0;
}

.planning-assignment-delete button {
    display: grid;
    width: 17px;
    min-height: 17px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: color-mix(in srgb, var(--rh-danger-soft) 88%, transparent);
    color: var(--rh-danger);
    font-size: .8rem;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    place-items: center;
    transition: opacity .15s ease, border-color .15s ease;
}

.planning-assignment-wrap:hover .planning-assignment-delete button,
.planning-assignment-delete button:focus-visible {
    border-color: var(--rh-danger-line);
    opacity: .8;
    outline: none;
    pointer-events: auto;
}

.planning-assignment-delete button:hover,
.planning-assignment-delete button:focus-visible {
    opacity: 1;
}

@media (hover: none) {
    .planning-assignment-delete button {
        opacity: .65;
        pointer-events: auto;
    }
}

@media (max-width: 700px) {
    .audit-finding-filter,
    .audit-finding-filter > div { width: 100%; }
}
