/* ============================================================
   Intervention Bundle — liste des interventions en application mobile
   (list.mobile.html.twig, complète mobile-glass.css du core)
   ============================================================ */

.intervention-mobile-list {
    /* Laisse la dernière carte visible au-dessus du bouton flottant « Ajouter ». */
    padding-bottom: 72px;
}

.intervention-mobile-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 4px 4px 10px;
}

.intervention-mobile-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Une carte par intervention, légèrement détachée du fond. */
.intervention-mobile-card {
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06);
}

[data-bs-theme="dark"] .intervention-mobile-card {
    box-shadow: none;
}

.intervention-mobile-item {
    align-items: flex-start;
    /* Couleur du statut en liseré à gauche de la carte. */
    box-shadow: inset 4px 0 0 var(--intervention-status-color, transparent);
}

.intervention-mobile-item .mobile-list-item-chevron {
    align-self: center;
}

.intervention-mobile-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    font-size: 12px;
    color: var(--mobile-text-secondary);
    margin-bottom: 2px;
}

.intervention-mobile-number {
    font-weight: 700;
    color: var(--mobile-text);
}

.intervention-mobile-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.intervention-mobile-equipment,
.intervention-mobile-status {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 6px;
    font-size: 13px;
    line-height: 1.35;
    color: var(--mobile-text);
}

.intervention-mobile-equipment i {
    color: var(--mobile-accent);
    font-size: 12px;
}

.intervention-mobile-serial {
    white-space: nowrap;
    color: var(--mobile-text-secondary);
}

.intervention-mobile-status {
    font-weight: 600;
}

.intervention-mobile-status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--intervention-status-color);
    /* Aligne la pastille sur la première ligne du libellé. */
    transform: translateY(-1px);
}

.intervention-mobile-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.intervention-mobile-pager .mobile-btn {
    padding: 10px 16px;
}