/* ---------------- DARK MODE ---------------- */

/* MOBILE RESPONSIVO */
@media (max-width: 768px) {
  [data-theme="dark"] #add-item {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-top: 1px solid #444;
  }

  [data-theme="dark"] #add-item input[type="text"],
  [data-theme="dark"] #add-item input[type="number"] {
    background-color: #2b2b2b;
    border: 1px solid #555;
    color: #eee;
  }

  [data-theme="dark"] #add-item label {
    color: #bbb;
  }

  [data-theme="dark"] #add-item button {
    background-color: #0060AA;
    color: white;
  }

  [data-theme="dark"] #add-item button:hover {
    background-color: #3394ff;
  }

}