/* BRUNI: Fascia, ricerca e filtri responsive della #24, circoscritti alla sezione Dipendenti. */
#peoplePlaceRow .presenze-controls { margin: 0 0 16px; }
#peoplePlaceRow .presenze-search { display: block; max-width: 340px; }
#peoplePlaceRow .presenze-filters { display: flex; flex-wrap: wrap; gap: 5px; margin: 8px 0; }
#peoplePlaceRow .presenze-filters button { white-space: normal; text-transform: none; }
#peoplePlaceRow .presenze-count { font-weight: bold; margin-left: 3px; }
#peoplePlaceRow .presenze-strip { padding: 8px; overflow-wrap: anywhere; }
#peoplePlaceRow .presenze-strip small { display: block; }
#peoplePlaceRow .presenze-dot { color: #64727c; }
#peoplePlaceRow .presenze-timeline { display: flex; justify-content: space-between; gap: 8px; border-bottom: 2px solid #d2b56f; margin: 6px 0; font-size: 12px; }
#peoplePlaceRow .presenze-strip details { font-size: inherit; margin-top: 5px; }
/* BRUNI: Details nativo accessibile, chevron aperto/chiuso e informazioni su righe autonome. */
#peoplePlaceRow .presenze-strip summary { cursor: pointer; font-size: inherit; font-weight: 600; list-style: none; }
#peoplePlaceRow .presenze-strip summary::-webkit-details-marker { display: none; }
#peoplePlaceRow .presenze-strip summary:focus-visible { outline: 2px solid #536C84; outline-offset: 2px; }
#peoplePlaceRow .presenze-strip summary .fa { margin-left: 6px; }
#peoplePlaceRow .presenze-strip details:not([open]) .fa-chevron-up,
#peoplePlaceRow .presenze-strip details[open] .fa-chevron-down { display: none; }
#peoplePlaceRow .presenze-detail-title { color: #536C84; font-size: 14px; font-weight: 700; margin: 10px 0 6px; }
#peoplePlaceRow .presenze-detail-row, #peoplePlaceRow .presenze-technical, #peoplePlaceRow .presenze-anomaly { font-size: 12px; margin: 4px 0; overflow-wrap: anywhere; }
#peoplePlaceRow .presenze-strip hr { border: 0; border-top: 1px solid #d3d3d3; margin: 8px 0; }
#peoplePlaceRow .presenze-summary { display: block; }
#peoplePlaceRow .presenze-refresh-status { display: block; color: #a94442; }
#peoplePlaceRow [data-presenze-card][hidden] { display: none !important; }
@media (min-width: 992px) {
    #peoplePlaceRow .presenze-grid { display: flex; flex-wrap: wrap; }
}

/* BRUNI: Palette identica ai badge #37; colore della puntualita, non della presenza. */
#peoplePlaceRow .presenze-verde, #peoplePlaceRow [data-semaforo="verde"] { --presenze-color: #7DFF9F; }
#peoplePlaceRow .presenze-giallo, #peoplePlaceRow [data-semaforo="giallo"] { --presenze-color: #FFF185; }
#peoplePlaceRow .presenze-rosso, #peoplePlaceRow [data-semaforo="rosso"] { --presenze-color: #FF7C80; }
#peoplePlaceRow .presenze-neutro, #peoplePlaceRow [data-semaforo="neutro"] { --presenze-color: #dce2e7; }
#peoplePlaceRow .presenze-card { margin-bottom: 12px; }
/* BRUNI: Sovrascrive il border-color importante di docker.css, senza cambiare spessore, raggio o fondo. */
#peoplePlaceRow .presenze-card:not(.presenze-neutro) .alert.alert-default.presenze-legacy { border-color: var(--presenze-color) !important; }
#peoplePlaceRow .presenze-legacy { background: transparent; color: #1A1A1A; }
/* BRUNI: Bordo superiore solidale al fondo dell'area #24; il distacco resta negli 8px sotto la card legacy. */
#peoplePlaceRow .presenze-strip { margin: 0; border: 0; border-top: 3px solid #536C84; background: #f3f2f2; color: #1A1A1A; }
#peoplePlaceRow .presenze-state { display: inline-block; max-width: 100%; box-sizing: border-box; background: var(--presenze-color); color: #1A1A1A; border-radius: 4px; padding: 2px 8px; font-weight: 600; }
#peoplePlaceRow .presenze-state.presenze-neutro { background: transparent; padding-left: 0; }
#peoplePlaceRow .presenze-dot { color: inherit; }
#peoplePlaceRow .presenze-timeline { border-color: #FFF185; }
#peoplePlaceRow .presenze-filters button { color: #1A1A1A; border: 2px solid var(--presenze-color); }
#peoplePlaceRow .presenze-filters button:not([data-semaforo="neutro"]) { background: var(--presenze-color); }
#peoplePlaceRow .presenze-filters button[data-semaforo="neutro"] { background: transparent; }
#peoplePlaceRow .presenze-filters button:hover { text-decoration: underline; }
#peoplePlaceRow .presenze-filters button[aria-pressed="true"] { box-shadow: inset 0 -3px #1A1A1A; font-weight: 700; }
#peoplePlaceRow button:focus-visible, #peoplePlaceRow input:focus-visible { outline: 2px solid #1A1A1A; outline-offset: 2px; }
#peoplePlaceRow .presenze-reference { display: flex; flex-wrap: wrap; gap: 8px; align-items: end; margin-bottom: 8px; }
#peoplePlaceRow .presenze-reference label { display: block; margin: 0 0 4px; }
#peoplePlaceRow .presenze-reference input { width: auto; min-width: 0; max-width: 180px; }
#peoplePlaceRow .presenze-mode { display: block; margin-bottom: 8px; }
/* BRUNI: Titolo separato, gruppi campo/chevron indivisibili e ricerca subordinata a Dipendenti. */
#peoplePlaceRow .presenze-reference-title { flex-basis: 100%; margin-bottom: 6px; }
#peoplePlaceRow .presenze-step-group, #peoplePlaceRow .presenze-actions { display: flex; align-items: center; gap: 4px; }
#peoplePlaceRow .presenze-step-group button { padding: 6px 8px; flex: 0 0 auto; }
#peoplePlaceRow .presenze-field { max-width: 100%; }
#peoplePlaceRow .presenze-step-group button:disabled { opacity: .4; cursor: not-allowed; }
#peoplePlaceRow .presenze-mode small { display: block; margin-top: 3px; }
#peoplePlaceRow .presenze-search { margin-top: 20px; }
#peoplePlaceRow .presenze-search-title { display: block; font-size: 18px; font-weight: 700; margin-bottom: 8px; }
@media (max-width: 500px) { #peoplePlaceRow .presenze-reference { column-gap: 12px; row-gap: 10px; } }