/* ══════════════════════════════════════════════════════════════
   Walker — style.css
   PCT Italia — Controllo Qualità Documentazioni di Cantiere
══════════════════════════════════════════════════════════════ */

/* ── Desktop: pannello dettaglio laterale (40% larghezza) ── */
.detail-panel-desktop {
  width: 42%;
  min-width: 320px;
  max-width: 560px;
}

/* ── Mobile: bottom sheet ──────────────────────────────── */
@media (max-width: 767px) {
  .detail-panel-desktop {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 88dvh;
    border-left: none;
    border-top: 1px solid #374151;
    border-radius: 1rem 1rem 0 0;
    z-index: 40;
  }
}

/* ── Scrollbar sottile ─────────────────────────────────── */
#dc-list-container::-webkit-scrollbar,
#detail-panel::-webkit-scrollbar {
  width: 4px;
}
#dc-list-container::-webkit-scrollbar-track,
#detail-panel::-webkit-scrollbar-track {
  background: transparent;
}
#dc-list-container::-webkit-scrollbar-thumb,
#detail-panel::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 2px;
}

/* ── Animazione spinner ─────────────────────────────────── */
@keyframes spin {
  to { transform: rotate(360deg); }
}
.animate-spin {
  animation: spin 0.8s linear infinite;
}

/* ── Filter tabs: overflow senza scrollbar visibile ──────── */
#filter-tabs {
  scrollbar-width: none;
}
#filter-tabs::-webkit-scrollbar {
  display: none;
}

/* ── Toast container ─────────────────────────────────────── */
#toast-container {
  pointer-events: none;
}

/* ── Iframe PDF ──────────────────────────────────────────── */
#pdf-iframe {
  background: #f3f4f6;
}

/* ── Card hover ──────────────────────────────────────────── */
.dc-card:active {
  transform: scale(0.995);
}