/* Contenitore principale gestione prodotti */
.gestione-container {
 background-color: #ffffff; /* sfondo bianco solo qui */
 padding: 20px;
 border-radius: 8px;
 box-shadow: 0 2px 6px rgba(0,0,0,0.1);
 max-width: 100%;
 margin: 30px auto;
 color: #333; /* testi leggibili */
}

 /* GridView */
 .gestione-container .gridview {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px; /* spazio tra tabella e form */
 }

  .gestione-container .gridview th,
  .gestione-container .gridview td {
   border: 1px solid #ccc;
   padding: 8px 12px;
   text-align: left;
  }

  .gestione-container .gridview th {
   background-color: #e0e0e0;
   font-weight: bold;
  }

  .gestione-container .gridview tr:nth-child(even) {
   background-color: #fafafa;
  }

  .gestione-container .gridview tr:nth-child(odd) {
   background-color: #f0f0f0;
  }

  .gestione-container .gridview tr:hover {
   background-color: #d0ebff;
  }

  /* Pulsanti nella tabella */
  .gestione-container .gridview input[type=button] {
   padding: 5px 12px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   color: #fff;
  }

   .gestione-container .gridview input[type=button][value="Modifica"] {
    background-color: #3498db;
   }

   .gestione-container .gridview input[type=button][value="Elimina"] {
    background-color: #e74c3c;
   }

 /* Form sotto la tabella */
 .gestione-container .form-panel {
  padding: 20px;
 }

  .gestione-container .form-panel table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 15px 8px;
  }

  .gestione-container .form-panel td {
   vertical-align: top;
  }

  .gestione-container .form-panel label {
   font-weight: bold;
   display: block;
   margin-bottom: 5px;
  }

  .gestione-container .form-panel input[type=text],
  .gestione-container .form-panel textarea,
  .gestione-container .form-panel select,
  .gestione-container .form-panel input[type=file] {
   width: 100%;
   padding: 6px 8px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
  }

  .gestione-container .form-panel textarea {
   resize: vertical;
  }

  /* Pulsanti form */
  .gestione-container .form-panel .btn {
   padding: 8px 16px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   font-weight: bold;
   margin-right: 10px;
  }

  .gestione-container .form-panel .btn-primary {
   background-color: #3498db;
   color: #fff;
  }

  .gestione-container .form-panel .btn-secondary {
   background-color: #95a5a6;
   color: #fff;
  }

  .gestione-container .form-panel .btn:hover {
   opacity: 0.9;
  }

/* Stile responsive */
@media screen and (max-width: 768px) {
 .gestione-container .form-panel table,
 .gestione-container .form-panel tr,
 .gestione-container .form-panel td {
  display: block;
  width: 100%;
 }

 .gestione-container .form-panel td {
  margin-bottom: 10px;
 }
}