/* Fichajes pendientes del dispositivo y avisos de sincronización (docs/FICHAJES_SYNC_PLAN.md) */
.fichajes-pendientes { border: 1px solid #f59e0b; background: #fffbeb; color: #78350f; border-radius: 10px; padding: .75rem 1rem; margin: 0 0 1rem; }
.fichajes-pendientes.fp-rechazados { border-color: #dc2626; background: #fef2f2; color: #7f1d1d; }
.fp-cab { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; justify-content: space-between; }
.fp-lista { list-style: none; margin: .5rem 0 0; padding: 0; }
.fp-lista li { display: flex; flex-wrap: wrap; gap: .25rem .75rem; align-items: center; padding: .35rem 0; border-top: 1px dashed rgba(0,0,0,.12); }
.fp-lista small { opacity: .85; }
.fp-acciones { display: inline-flex; gap: .35rem; margin-left: auto; }
.fp-nota { font-size: .8rem; margin: .5rem 0 0; opacity: .85; }
.btn.btn-sm { padding: .25rem .6rem; font-size: .8rem; }

.fse { border: 1px solid var(--border-color, #e5e7eb); border-radius: 10px; padding: .6rem .9rem; margin: .75rem 0 1rem; background: var(--card-bg, #fff); }
.fse summary { cursor: pointer; font-weight: 600; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.fse summary small { font-weight: 400; opacity: .7; flex-basis: 100%; }
.fse-badge { background: #f59e0b; color: #fff; border-radius: 999px; padding: 0 .5rem; font-size: .75rem; }
.fse-badge.fse-badge-rojo { background: #dc2626; }
.fse-filtros { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; margin: .75rem 0 .5rem; }
.fse-filtros label { display: flex; flex-direction: column; font-size: .75rem; gap: .2rem; }
.fse-filtros .form-input { min-width: 0; }
.fse-resumen { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .5rem; }
.fse-chip { display: inline-block; border-radius: 999px; padding: .1rem .55rem; font-size: .78rem; white-space: nowrap; background: #f3f4f6; color: #374151; }
.fse-chip.fse-rojo { background: #fee2e2; color: #991b1b; }
.fse-chip.fse-ambar { background: #fef3c7; color: #92400e; }
.fse-chip.fse-gris { background: #e5e7eb; color: #374151; }
.fse-scroll { max-height: 420px; overflow: auto; }
.fse-muted { opacity: .7; margin: .5rem 0; }