/* Embedding dell'app etichette sotto la nav Electro */

/* Lo stile .modal del sito (contatti) forza display:flex e rende
   visibile il <dialog> chiuso «Progetti salvati». */
.page-etichette dialog.modal:not([open]) {
  display: none !important;
}

.page-etichette dialog.modal[open] {
  position: fixed;
  inset: 0;
  margin: auto;
  z-index: 200;
  display: block;
  width: min(480px, 92vw);
  max-height: 80vh;
  border: none;
  border-radius: 10px;
  padding: 0;
  background: #fff;
  color: #1a242c;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.page-etichette {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #e8ecef;
}

.page-etichette .site-nav {
  flex-shrink: 0;
  position: relative;
  z-index: 20;
}

.page-etichette .app {
  flex: 1;
  min-height: 0;
  height: auto;
}

/* Electro .panel { display:none } nasconderebbe i pannelli della sidebar */
.page-etichette .sidebar .panel {
  display: block !important;
}

/* Electro .btn è full-width / stile calcolatori — ripristina i bottoni dell'app */
.page-etichette .app .btn,
.page-etichette .modal .btn {
  width: auto;
  transform: none;
  box-shadow: none;
  background: #31424e;
  border: 1px solid #3a4a56;
  border-radius: 5px;
  color: #eef2f5;
  font-size: 0.85rem;
  font-weight: inherit;
  padding: 0.4rem 0.65rem;
}

.page-etichette .app .btn:hover,
.page-etichette .modal .btn:hover {
  transform: none;
  box-shadow: none;
  background: #3b4f5d;
}

.page-etichette .app .btn-primary,
.page-etichette .modal .btn-primary {
  background: #2f7d6d;
  border-color: transparent;
  color: #fff;
}

.page-etichette .app .btn-primary:hover,
.page-etichette .modal .btn-primary:hover {
  background: #266557;
}

.page-etichette .app .btn-danger,
.page-etichette .modal .btn-danger {
  background: #b54848;
  border-color: transparent;
  color: #fff;
}

.page-etichette .app .btn-danger:hover,
.page-etichette .modal .btn-danger:hover {
  background: #953b3b;
}

.page-etichette .app .btn-ghost,
.page-etichette .modal .btn-ghost {
  background: transparent;
  border-color: transparent;
  color: inherit;
}

@media print {
  .page-etichette {
    height: auto;
    overflow: visible;
    display: block;
  }

  .page-etichette .site-nav {
    display: none !important;
  }

  .page-etichette .app {
    display: block;
    height: auto;
  }
}