/* ── GestioneOperai — shared/css/app.css ── */

body { background-color: #f4f6f4; font-size: .93rem; }
main { padding-bottom: 2rem; }

/* Cards */
.card { border: 1px solid #dde5dd; border-radius: .6rem; }
.card-header { border-bottom: 1px solid #dde5dd; font-size: .91rem; background: #f8faf8; }

/* Tabelle */
.table { font-size: .88rem; }
.table th {
  font-weight: 600; font-size: .8rem;
  text-transform: uppercase; letter-spacing: .04em; color: #5a6a5a;
}

/* Foto operaio */
.foto-op {
  width: 72px; height: 72px;
  object-fit: cover;
  border: 2px solid #d1e7dd;
  border-radius: 50%;
}
.foto-op-sm { width: 36px; height: 36px; object-fit: cover; border-radius: 50%; }

/* Navbar active */
.navbar-nav .nav-link.active { font-weight: 600; background: rgba(255,255,255,.15); border-radius: .4rem; }

/* Badge tipologie */
.badge-responsabile { background: #198754 !important; }
.badge-autonomo     { background: #0d6efd !important; }
.badge-interno      { background: #6c757d !important; }
.badge-rotante      { background: #ffc107 !important; color: #212529 !important; }

/* Pulsante START */
.btn-start {
  font-size: 1.15rem; font-weight: 700;
  letter-spacing: .06em;
  transition: transform .1s;
}
.btn-start:active { transform: scale(.97); }

/* Turno in corso — animazione pulse */
@keyframes pulse-green {
  0%, 100% { box-shadow: 0 0 0 0 rgba(25,135,84,.35); }
  50%       { box-shadow: 0 0 0 10px rgba(25,135,84,0); }
}
.turno-attivo { animation: pulse-green 2s infinite; }

/* QR scanner */
#qrOverlay { background: rgba(0,0,0,.55); cursor: pointer; }

/* Scrollbar sottile nelle liste */
.scroll-list { max-height: 70vh; overflow-y: auto; scrollbar-width: thin; }
.scroll-list::-webkit-scrollbar { width: 4px; }
.scroll-list::-webkit-scrollbar-thumb { background: #bbb; border-radius: 2px; }

/* Mappa terreni */
#mappa { border-radius: .5rem; border: 1px solid #dee2e6; }

/* Mobile */
@media (max-width: 576px) {
  .navbar-brand { font-size: .9rem; }
  h4 { font-size: 1.05rem; }
  .btn-start { font-size: 1rem; }
  .foto-op { width: 56px; height: 56px; }
}

/* Stampa */
@media print {
  .navbar, .btn, .card-footer, #navMenu { display: none !important; }
}