/* ---- Sempre visível: sino + sol/lua ---- */

      /* Mobile: mostra versão mobile (antes do hamburger), esconde versão desktop */
      .header-controls-mobile {
        display: flex !important;
        align-items: center;
        gap: 4px;
        margin-left: auto;
        margin-right: 8px;
        visibility: visible !important;
        opacity: 1 !important;
      }
      .header-controls-desktop {
        display: none !important;
      }

      /* Desktop: esconde versão mobile, mostra versão desktop (dentro do nav) */
      @media (min-width: 1024px) {
        .header-controls-mobile {
          display: none !important;
        }
        .header-controls-desktop {
          display: flex !important;
          align-items: center;
          gap: 4px;
        }
      }

      /* ---- Drag & Drop de fotos ---- */
      .preview-item {
        transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s;
      }
      .preview-item:hover .preview-item-actions {
        opacity: 1 !important;
      }
      .preview-item.dragging {
        opacity: 0.4;
        transform: scale(0.96);
      }
      .preview-item.drag-over {
        box-shadow: 0 0 0 3px #4e6bff, 0 8px 24px rgba(78,107,255,0.2);
        transform: scale(1.03);
      }
      .preview-item.is-first {
        box-shadow: 0 0 0 2px #4e6bff40;
      }
      .preview-item[draggable="true"] {
        cursor: grab;
      }
      .preview-item[draggable="true"]:active {
        cursor: grabbing;
      }